位置: 编程技术 - 正文

jQuery中的一些小技巧(jqueryfind)

编辑:rootadmin

推荐整理分享jQuery中的一些小技巧(jqueryfind),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jqueryui,jquery1,jquery示例,jqueryeasyui,jquery2,jquery1,jquery示例,jquery示例,内容如对您有帮助,希望把文章链接给更多的朋友!

JQ使用过程中,一些小技巧:

1.is()方法

根据选择器、元素或 jQuery 对象来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回 true。一些小应用如下:

如此,便可以限制住,只有列表项li本身点击之后,才会触发写入的点击事件.

其也可以做以下一些判断:

这里有一点需要注意,&&运算符可以用来做一个判断,当前面的条件满足时,后面的会执行,但是后面的条件不能是表达式,只能是console.log()或则++i一类的.

还有以下比较有用的用法:

2.jquery中拓展方法

$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。

如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了.

那么你可以这样子:$("#div").abc();

jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。

jQuery.fn.extend(object);给jQuery对象添加方法。

jQuery.extend(object); 为jQuery类添加添加类方法,可以理解为添加静态方法。如:

便为 jQuery 添加一个为add 的 “静态方法”,之后便可以在引入 jQuery 的地方,使用这个方法了,

$.add(3,4); //return 7

3.jQuery方法$()实际上是拥有两个参数的

这里,第二个参数用来限制第一个参数给定的查找结果

这里,第二个参数用来对创建的元素进行设置.

4.jquery中的end()方法,可以让链式语法写起来更加高效,快捷.

这里,end()会返回查找元素的上一级.

5.contextmenu事件 右键点击

也许希望web 应用感觉更像原生的,那么可以阻止contextmenu默认事件。

当然,应用此事件,也可以自定义,右键出来的操作菜单,类似于

6.有时候不希望网页的某一部分内容被选择比如复制粘贴这种事情,我们可以这么做:

$('p.descr').attr('unselectable', 'on').css('user-select', 'none').on('selectstart', false);

这样,内容就不能再被选择了.

7.最小的DOM操作

用js操作DOM是非常浪费资源的,下面的方法一般是我们通常的做法:

这样做,重复的向元素中添加,无疑是一种极大的资源浪费,而通过下面的方法,则可以减少大量的DOM操作

jQuery中的一些小技巧(jqueryfind)

8.更方便的分解URL

我们一般可以使用正则表达式来分解URL,但是这并不是一个好方法,我们可以借助a标签来完成URL的分解

这样我们就可以很快速的完成URL的分解

9.有时候,缓存selector,反而可以优化你的js

下面有三种情况,第一种情况是一部分人的通常做法,这种写法费力而且不讨好,后面两种方案则是对第一种的优化,可以二选一.

第一种:

第二种和第三种,可以二选一:

.on()方法

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利,推荐使用该方法,它简化了 jQuery 代码库。

注意:使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)。

提示:如需移除事件处理程序,请使用 off() 方法。

提示:如需添加只运行一次的事件然后移除,请使用 one 方法。

$(selector).on(event,childSelector,data,function,map)

.模拟触发事件

我们可以通过trigger模拟触发一个click事件

同时,我们亦可以,使用on()方法创建自己喜欢的事件名称,然后通过trigger来触发。举例如下:

.触摸事件

.更快的阻止默认事件

通常,我们用event.preventDefalut()来阻止默认事件,但是jquery为此提供了更简便的方法:

.使用event.result链接多个事件处理程序。

对一个元素绑定多个事件处理程序并不常见,而使用event.result更可以将多个事件处理程序联系起来。看下面的例子。

.平行的运行多个Ajax请求

当我们需要发送多个Ajax请求是,相反于等待一个发送结束再发送下一个,我们可以平行地发送来加速Ajax请求发送。

.通过jQuery获得ip

我们不仅可以在电脑上ping到一个网站的ip,也可以通过jQuery得到

$.get(' function(res){ console.log(res.ip); });

.使用最简单的ajax请求

jQuery(使用ajax)提供了一个速记的方法来快速下载内容并添加在一个元素中。

<p class="content"></p> <p class="content"></p>

.通过IP地址获得地理位置

有很多在线服务可以告诉我们IP地址所在的城市和国家,下面我们先ping到百度的IP地址,然后获取其地理位置:

.使用匿名函数来产生一个独立的代码块

定义全局变量和函数是一种代码很粗糙的行为,更好的方式是通过使用匿名函数使你的代码独立于块之中。看下面的例子:

标签: jqueryfind

本文链接地址:https://www.jiuchutong.com/biancheng/370603.html 转载请保留说明!

上一篇:jQuery实现别踩白块儿网页版小游戏

下一篇:easyui 中的datagrid跨页勾选问题的实现方法(easyui datagrid resize)

  • 工商年报资产状况纳税总额怎么计算?
  • 企业所得税负担变动率
  • 增值税即征即退收入要交企业所得税吗
  • 销售返利的会计科目
  • 医疗器械商贸企业成本核酸
  • 增值税超过起征点填入哪个表格
  • 股东投入的资金怎么做账
  • 软件和硬件可以用什么代名词
  • 外商独资企业资本金的使用
  • 环保专项资金可以转让吗
  • 印刷配件有哪些
  • 过期没有进行申报印花税会怎样
  • 打印机的增值税率
  • 工程款税款税率
  • 土地使用税怎么征收标准
  • 资源税如何进行账务处理
  • 保障性住房享有怎么取消儿子的名字呀
  • 13个点的发票实际交多少钱
  • 个人买卖二手房增值税
  • 社保企业报盘是什么
  • 企业一年零申报怎么办
  • 建筑行业成本预算和施工方案哪个更有含金量
  • 电脑bios启动项设置
  • macOS 11.0.1(20B29)更新了什么?macOS Big Sur 11.0.1(20B29)更新详解
  • 收到其他公司的罚款会计分录
  • linux GTK、KDE、Gnome、XWindows 图形界面区别介绍
  • 苹果macbook 系统
  • Linux /bin, /sbin, /usr/bin, /usr/sbin 区别
  • php字符串定义的三种方式
  • 在网上怎
  • 会计中持有至到期投资是什么意思
  • 工程材料费发票没拿到是否能预提费用
  • 对方不开票
  • 如果收到房租的说说
  • php sse
  • 销售费用可以开专票吗
  • 基于Pytorch的风格转换
  • 货物名称和发票上的不一致
  • 销售折扣现金流量表
  • 其他应收款可以直接平账吗
  • 进项税为什么记在贷方
  • 中小型企业营业额和从业人数
  • 直接材料成本总差异怎么算
  • 甲供材料怎么记账
  • 增值税专用发票的税率是多少啊
  • 个人转租房屋需要交房产税吗
  • 房屋建筑物固定资产标牌图片
  • 收到对方公司退款
  • 材料自产自销的会计科目
  • 承兑汇票需要做账吗
  • 人工费的发票税率怎么算
  • 一般企业报税的税种
  • 农业机耕属于种植业吗
  • 房地产企业销售商品房增值税税率
  • 库存数据不准确
  • 哪些行为应作为证据
  • 还没有开业的公司怎么样
  • sql如何实现循环
  • hyper v虚拟机
  • windows2008版本区别
  • 破解浏览器内网教程
  • vmware虚拟机激活码
  • Linux系统怎么调整屏幕亮度
  • win8pe下载iso
  • linux系统中的用户分为哪几类
  • win10怎么变回系统默认字体
  • WIN10系统怎么查看隐藏的文件夹
  • win8安装wps
  • win8系统打不开exe
  • 【Android】利用Notification操作设备的通知栏
  • python 解析算法
  • jquery常用操作
  • 变更税务局三方协议
  • 河南国税局变更法人流程
  • 北京增值税普通发票图片
  • 水产品 免税
  • 个税申报所属期和所得期
  • 重庆市网上审批服务大厅
  • 免税关口
  • 江苏省国税局局长是谁
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设