`
axl234
  • 浏览: 263537 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery find选择器

阅读更多
jQuery有非常强大的Sizzle引擎来实现选择器,jQuery做了优化,他们能很好的工作,你一般不必担心太多。然而,我们可以稍微做一些改进,将可以使你的脚本略有提高。
一般在jquery中能不要用Sizzle引擎就不要用,当然前面说了只要有可能,就尽量使用.find()方法。比如:
$('#someDiv p.someClass').hide(); 
$('#someDiv').find('p.someClass').hide();
上面两行代码执行的结果是完全一样的,但是下面一句的效率要比上面一句的执行效率高。
现代浏览器(除IE6,IE7)都有QuerySelectorAll支持,能允许你像CSS选择器一样获取对象,而不需要用到jQuery中的Sizzle引擎。jQuery会在使用自己的引擎之前检查是否存在这个函数。
对于IE6/IE7,就需要jQuery使用Sizzle引擎,jQuery会把你的选择器转化成一个数组,并且通过从右往左来迭代匹配。通过正则表达式匹配页面每一个元素,所以你的可以尽量减少选择器的层级,尽可能的使用最右边的选择器,比如使用ID选择器等;这个规则和我们的css的查找规则是一直的,如果你要优化css选择器也要知道这个规则:从右往左来迭代匹配!
尺度把握:
1.保持代码简单
2.尽可能的使用find()查找,使用浏览器的原生查找函数
3.尽可能使用最右边的选择器,比如ID等
分享到:
评论

相关推荐

    jQuery选择器的一个Bug

    另外,还可以尝试优化选择器,避免使用过于复杂的选择表达式,或者使用`.find()`方法替代部分选择器操作,以提高性能。 同时,开发者也可以借助浏览器的开发者工具进行调试,检查选择器的执行结果是否符合预期。这...

    jquery双向选择器两侧select框列表文字左右选择器代码

    本文将深入探讨“jquery双向选择器两侧select框列表文字左右选择器代码”,这是一种常见于网页表单设计的功能,用于实现两个下拉列表(select框)之间的双向同步选择。 首先,我们需要理解jQuery的选择器。jQuery...

    jQuery双向选择器数据添加删除选择代码

    jQuery还支持更复杂的选择器组合,如后代选择器(selector1 selector2)、并集选择器(selector1, selector2)和属性选择器([attribute=value])等,使得选取特定元素变得更加灵活。 在“jQuery双向选择器数据添加...

    jQuery中Find选择器用法示例

    在jQuery库中,`find()`选择器是一个非常实用的功能,用于在当前匹配的元素集合中查找指定的后代元素。这个选择器允许开发者深入DOM(文档对象模型)结构,找到目标元素,无论它们位于多深的嵌套层级。下面将详细...

    Jquery选择器说明文档.doc

    本文将详细阐述JQuery中的各种选择器及其使用方法。 1. **基础选择器**: - `#id`:通过元素的ID选择器,如`$("#divId")`选取ID为`divId`的元素。 - `element`:根据元素名称选择,例如`$("a")`选择所有`<a>`元素...

    php操作html(类似jquery的选择器)

    首先,我们了解下jQuery选择器的基本概念。jQuery选择器是基于CSS选择器的,允许开发者高效地定位HTML元素,如`$("#id")`选择ID为"id"的元素,`$(".class")`选择所有class为"class"的元素,以及`$("tagname")`选择...

    jQuery树结构菜单选择器代码.zip

    在给定的“jQuery树结构菜单选择器代码.zip”压缩包中,我们关注的是如何利用jQuery来创建一个树形结构的菜单选择器。这种组件在网页设计中广泛用于导航和数据组织,特别是对于具有层级关系的数据展示,如目录结构、...

    jQuery树形选择器代码.zip

    《jQuery树形选择器代码详解》 在网页开发中,数据的展示方式多种多样,其中树形结构是一种常见的数据组织形式,尤其适用于层次关系复杂的场景。jQuery作为一个强大的JavaScript库,提供了丰富的选择器来操作DOM...

    Jquery 选择器

    jQuery 提供了与 CSS 相似的基本选择器,如 ID 选择器(`#id`)、类选择器(`.class`)、元素选择器(`element`)和通配符选择器(`*`)。例如: ```javascript $("#myID"); // 选择 ID 为 "myID" 的元素 $("....

    12个很棒的jQuery选择器扩展

    这篇博客文章“12个很棒的jQuery选择器扩展”深入探讨了一些超越了标准CSS选择器的高级jQuery选择器,这些扩展极大地提升了开发效率和代码的可读性。通过阅读和理解这些选择器的用法,开发者可以更加熟练地操纵页面...

    jQuery中find()方法用法实例

    此方法获得匹配元素集合中所有元素的子元素,并通过选择器、jQuery 对象或元素删选。 find()方法是获取匹配元素后代元素的好方法。 注意:children()只获取一级子元素,而find()将查找所所有子元素。 语法结构一: ...

    Jquery中的层次选择器与find()的区别示例介绍

    Jquery中的层次选择器与find()是有一定的区别,本文有个示例可以很好的说明,感兴趣的朋友可以参考下

    jquery1.4.2 jquery1.4.2

    1. 选择器:jQuery的核心之一是其强大的CSS选择器支持,包括ID选择器 (#id)、类选择器 (.class)、元素选择器 (element) 等,甚至支持组合选择器和伪类,如 $(“div.special”).find(“p:first”),可以高效地定位到...

    jquery层次选择器的介绍

    jquery层次选择器 jquery层次选择器,包括空格、>、next、+、nextAll、~、siblings、prev()、prevAll()等函数或表达式。 1、空格表示获取所有子孙后代元素 2、 >表示获取一级子元素 3、next函数获取紧接在之后的同辈...

    jQuery的选择器中的通配符使用介绍

    这些只是jQuery选择器和相关功能的一部分,实际上,jQuery提供了更多高级选择器和方法,如`:contains`、`:has`、`:first`、`:last`等,以及`filter()`、`closest()`、`find()`等方法,使得在JavaScript中操作DOM变得...

    JQuery选择器、过滤器大整理

    本文将深入探讨jQuery中的选择器和过滤器,它们是jQuery库中用于高效选取DOM元素的关键工具。 **一、jQuery选择器** jQuery选择器基于CSS选择器,同时还引入了一些特有的选择方式。以下是一些基本的jQuery选择器:...

    jQuery中:hidden选择器用法实例

    本文实例讲述了jQuery中:hidden选择器用法。分享给大家供大家参考。具体分析如下: 此选择器能够匹配所有不可见元素,或者type为hidden的元素。 语法结构: 代码如下:$(“:hidden”) 此选择器一般也要和其他选择器...

    jQuery选择器选中最后一个元素,倒数第二个元素操作示例

    本文实例讲述了jQuery选择器选中最后一个元素,倒数第二个元素操作。分享给大家供大家参考,具体如下: HTML部分: 元素1 元素2 元素3 元素4 元素5 取倒数第二个p元素 $("div p").eq(-2) 取最后一个p元素...

    Node.js-Temme是一个类jQuery的选择器用于从HTML文档中提取所需的JSON数据.

    4. **选择元素**:使用选择器选取需要的元素,`let links = dom.find('a')`。 5. **提取数据**:从选取的元素中提取数据,`let hrefs = links.attr('href')`。 6. **转换为JSON**:将提取的结果转换为JSON,`let ...

Global site tag (gtag.js) - Google Analytics