位置: 编程技术 - 正文

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)

  • 长期待摊费用一般指什么
  • 长期股权投资在哪个报表里
  • 企业注销库存怎么做账务处理
  • 劳务派遣人员的工资计入什么科目
  • 计入存货成本的税费
  • 合同取得成本如何结转
  • 劳务服务公司不含派遣,能接外包吗
  • 赠送客户样品怎么写文案
  • 申报个人所得税是按应发工资还是实发工资
  • 个税app显示已离职是什么原因
  • 税控盘维护费要交吗
  • 房屋租赁收入怎么做账
  • 个人钱转入对公账户账务处理
  • 固定资产处理怎么记账
  • 当月发票已认证还能作废吗
  • 通用机打发票可以抵扣税吗
  • 事业单位的出纳要承担的责任是什么
  • 建筑行业预收账款
  • 雇主责任险发票的项目名称怎么写
  • 税法关于印花税的规定
  • 航天信息维护费280元会计分录
  • 服务不动产和无形资产扣除项目有哪些
  • 应计入增值税一般纳税人认定标准的“年应税销售额”
  • 应纳增值税计算公式怎么算
  • 酒店招募
  • 公司股权转让协议标准范本
  • 月末计提短期借贷利息
  • 企业处置固定资产怎么纳税
  • 材料成本的核算方法有哪些
  • microsoft阻止应用启动
  • 动态投资回收期名词解释
  • 投入的生产线应该怎么做
  • 没有进项发票的货物能算成本吗
  • 固定资产清理应交税费怎么算
  • scdeploy.exe
  • 文件夹删除需要管理员权限怎么弄
  • 蜡梅的养殖方法视频
  • ftp指什么
  • ValueError: all the input arrays must have same number of dimensions, but the array at index 0 has 1
  • 外资企业出租房产税优惠
  • 在白雪覆盖的地方 什么歌
  • vue3封装axios
  • AI - stable-diffusion(AI绘画)的搭建与使用
  • 合并报表的收入就是相加么
  • 其他资本公积如何转出
  • 支付给外单位人员的报酬怎么入账
  • 织梦栏目描述调用
  • java对象内存大小计算
  • java中map.entry
  • 辞退员工补偿金计入什么科目
  • 其他应收款如何处理
  • 免征增值税的会计处理 小企业会计准则
  • 公司销售的产品算固定资产吗
  • 核价人员要对哪些方面的价格进行核定,怎么核?
  • 收到国外客户的货款怎么做账
  • 公司外资是什么意思
  • 待认证进项税怎么转出
  • 营改增后建筑业开票规定
  • 股东在注册资本金范围内承担责任
  • 员工借款后离职怎么处理
  • 生产成本比主营业务成本大
  • sqlserver锁机制
  • sql删除多条记录
  • win7users移动其它盘
  • win10收不到短信验证码
  • win8使用教程和技能
  • windows xp 配置
  • win8怎么运行命令
  • css教程笔记
  • js中onunload
  • jquery按钮点击事件
  • javascript高级程序设计最新版
  • 搭建maven开发环境
  • shell的使用
  • python 网络编程总结
  • 下岗职工再就业优惠政策
  • 三证合一后还有税务登记证吗?
  • 济宁税务大厅上班时间
  • 北京税务局待遇有住宿吗
  • 2013年山西高考作文
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设