可见,对sizzle选择器的基本知识,也是帮助优化jQuery代码的很重要的一方面。 不要啥都让javascript来做。 根据前面的基本的优化,已经将时间从21秒降到了8秒,但是8秒这个数字显然是无法接受的。
创新互联服务项目包括巴中网站建设、巴中网站制作、巴中网页制作以及巴中网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,巴中网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到巴中省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
将需要多次使用的元素作为变量存起来,避免多次遍历,优化性能。使用jquery链式操作。
如果我们选择class为home的a元素时,可以使用下边代码:方法1会使jQuery在整个DOM中查找class为home的a元素,性能可想而知。方法2为要查找的元素添加了上下文,在这里变为查找id为nav的子元素,查找性能得到了很大提升。
既然已预知共有3个标签,且这3个标签都有共同的特性(包含li,li可能会有class为on的属性值),可以使用jQuery直接判断它们的数量,如果存在3个li的class带有on属性值的话,就是成功了。
如果我们选择class为home的a元素时,可以使用下边代码:方法1会使jQuery在整个DOM中查找class为home的a元素,性能可想而知。方法2为要查找的元素添加了上下文,在这里变为查找id为nav的子元素,查找性能得到了很大提升。
如何解决累加绑定:第一种方法是元素点击后删除,然后再动态创建一个元素,再添加点击事件。显然这个方式很麻烦。第二中方法是使用jquery的one()方法,为元素绑定一个一次性的事件处理函数,这个事件处理函数只会被执行一次。
不要过度使用jquery jQuery速度再快,也无法与原生的javascript方法相比。所以有原生方法可以使用的场合,尽量避免使用jQuery。
复制代码 代码如下:if (typeof selector == string){ //正则匹配,看是不是HTML代码或者是#id var match = quickExpr.exec(selector );//没有作为待查找的 DOM 元素集、文档或 jQuery 对象。
当你准备使用 jQuery,我强烈建议你遵循下面这些指南: 缓存变量DOM 遍历是昂贵的,所以尽量将会重用的元素缓存。
jQuery设计的宗旨是“writeLess,DoMore”,即倡导写更少的代码,做更多的事情。所以在网站设计中使用jQuery可以写更少的代码实现更多的功能。
jQuery.i18n.properties 插件根据用户指定的(或浏览器提供的 )语言和国家编码(符合 ISO-639 和 ISO-3166 标准)来解析对应的以“.properties”为后缀的资源文件。
使用步骤如下:jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。然后我们来开始编辑HTML界面代码。使用script标签把jQuery引入到我们的HTML界面。
你没给出引用图片的代码,没办法弄个成品给你。
本文标题:jquery的优化 jquery技巧
分享网址:https://www.cdcxhl.com/article36/dgjicsg.html
成都网站建设公司_创新互联,为您提供关键词优化、外贸建站、小程序开发、静态网站、App设计、网站制作
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联