1、find这个查找不知道大家是不是习惯用的比较少,一定要注意$("table tr:even")和$("table").find("tr:even")的区别,在查找用find它们是基于父级划分的组,这么说不知道大家看会不会模糊,大家可以测试是在一个页面中2个table进行隔行换色用前者和后则的区别,前者是将所有的tr作为一个组经常划分,而后则着基于每个table去划分。
2、class查找,在说它之前,大家应该知道在jquery中第二快的选择器就是tag选择器(及标签查找),因为它是基于js中的getElementByTagName,因此我们在查找class的时候很有必要在class前加上tag标签名(如$(div.head)),当然如果这个class上层有ID那用ID和class组合就更加合适了(如 $("#wrapper").find(".head"));
注:用tag去修饰查找class会加快查找的速度,但是如果用它去修饰ID那结果就大大的相反了,因为在组合ID的情况下,它会先去遍历查找tag然后在去匹配ID这样就是画蛇添足了(同理用ID修饰查找ID一样)。
3、组合查找,它是从选择器右边到左边逐一匹配,来选择范围的,因此在组合查找过程中一定要避免查找范围的长度(如 $("div.head ul li.cur")和$(".head li.cur"))这两者明显后期效率会高,这个原理就和css选择器一样,css选择器和它不同的是从左到右的查找(当然css选择器组合过长带来的蝴蝶效应更加严重因为它还涉及到优先级),同时在组合中要注意查找元素的变量存储,这个和js一样把已经查找的元素放到变量中继续储存注意可以减少多次查找。
分享到:
相关推荐
jQuery知识点整理 jQuery是当前最流行的JavaScript库之一,提供了许多有用的方法和属性来简化Web开发。下面是对jQuery知识点的整理: 基本概念 * jQuery对象:使用$符号来声明jQuery对象,如:`$()`或`jQuery()` ...
以下是对这5张思维导图中jQuery知识点的详细梳理: 1. **选择器** - `ID选择器 (#id)`: 通过元素的ID获取单一元素,如`$("#myID")`。 - `类选择器 (.class)`: 选取具有特定类的所有元素,如`$(".myClass")`。 - ...
史上最全面的jquery知识点归纳总结
jquery
最新jquery技术,完美解决方案
在本篇笔记中,我们将深入探讨 jQuery 的一些核心知识点。 首先,我们关注初始化过程。`$(document).ready()` 与 `window.onload` 都用于在页面加载完成后执行代码,但它们有区别。`$(document).ready()` 在 DOM ...
jquery网页技术,修改,追加,删除Class样式,网上找的博客,对于项目应用jquery技术很有帮助,菜鸟一个本人,喜欢交流java技术
总的来说,"Jquery网页部分内容加载"涉及到的关键知识点包括jQuery的动态内容加载方法、图片延迟加载、无限滚动实现以及性能优化策略。通过这些技术,开发者可以创建更加高效、响应式的网页,提升用户体验。
以下是一些关键的jQuery知识点: 1. **选择器**: jQuery的选择器允许你高效地选取DOM元素,如`$("#id")`选取ID为指定值的元素,`$(".class")`选取所有class为指定值的元素,`$("tag")`选取所有特定类型的元素。 2....
在本文中,我们将深入探讨 jQuery 的基础知识点,包括 jQuery 入口函数与 JavaScript 入口函数的区别、jQuery 对象与 DOM 对象的相互转换以及 jQuery 的选择器。 1. **jQuery 入口函数与 JavaScript 入口函数的区别...
接下来,我们将深入探讨这个特效背后涉及的jQuery知识点。 1. **事件绑定**:jQuery提供了简便的事件绑定方法,如`.on()`,可以用来监听用户的鼠标悬停(hover)事件。在这个特效中,当用户将鼠标移到图片上时,会...
【jQuery 知识点】 jQuery 是一款非常流行的 JavaScript 库,由 John Resig 在 2006 年创建。它的出现极大地简化了 JavaScript 的使用,尤其是在处理 HTML 文档、DOM 操作、事件处理、动画效果和 AJAX 请求等方面。...
主要用于学习jQuery的框架
在“Jquery相册图片滚动”中,主要涉及以下几个jQuery知识点: 1. **选择器**:jQuery提供了丰富的选择器,如ID选择器("#id")、类选择器(".class")、属性选择器("[attr=value]")等,可以方便地定位到HTML中的特定...
**jQuery帮助文档** ...由于其简洁的API和高效的功能,jQuery...通过深入理解和应用这些jQuery知识点,开发者能够更高效地构建交互性强、响应迅速的网页应用。这个jQuery帮助文档将是你在开发过程中不可或缺的参考资料。
本总结将深入探讨 jQuery 的核心概念、选择器、DOM 操作、事件处理、动画效果、Ajax 交互以及插件使用等关键知识点。 1. **核心概念** - **选择器**: jQuery 的选择器基于 CSS,如 `$("#id")` 选取 ID 为 id 的...
**jQuery 插件 Imgbox 知识点详解** 在网页设计和开发中,展示图片时,经常需要提供一种方式让用户可以放大查看细节。jQuery 插件 Imgbox 正是为了解决这一需求而诞生的。它允许用户点击缩略图,以弹出窗口的形式...
掌握这些jQuery知识点,你就能理解并修改这个点名器或抽奖程序,甚至可以扩展它以满足更多定制化的需求。对于初学者,这是一个很好的实践项目,可以帮助巩固jQuery基础,同时学习如何将前端技术应用于实际应用场景。
这里涉及的jQuery知识点包括`event.preventDefault()`防止页面刷新,以及`$.ajax()`进行异步请求: ```javascript $("#myForm").submit(function(event) { event.preventDefault(); // 阻止表单默认提交 var ...
在"jquery小游戏实例"中,我们将探讨以下几个关键的jQuery知识点: 1. **选择器**: jQuery的选择器类似于CSS选择器,用于在DOM树中定位元素。例如,`$("#myID")`用于选取ID为"myID"的元素,`$(".myClass")`则选取...