`
axl234
  • 浏览: 263460 次
  • 性别: 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中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中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元素...

    Jquery API 1.4(中文)+ Jquery 1.42

    jQuery 1.4.2中的选择器极大地简化了DOM元素的选择。例如,ID选择器("#id")、类选择器(".class")、元素选择器("tag")等。此外,它还支持CSS选择器,如后代选择器("div p")、兄弟选择器("+")和属性选择器("[attr=...

    jQuery编码标准.docx

    3. 使用`.find()`代替ID和子元素选择器,如`$("#parent").find(".child")`,以减少Sizzle选择器引擎的使用。 4. 多级选择器时,尽量让最左侧的选择器具有更少的限定条件。 5. 尽量减少不必要的限定条件,如将`$("....

    jqueryapi学习类库

    jQuery的选择器基于CSS选择器,包括标签选择器、类选择器、ID选择器等,同时还有更高级的属性选择器和伪类选择器。例如,`$('div')`选择所有div元素,`$('.class')`选择所有class为"class"的元素。`.find()`和`....

    jquery_api.mxp

    jQuery提供了丰富的选择器,包括基本选择器(如$id, #class, tag)、属性选择器(如[attr=value])、类选择器(.class)、伪类选择器(如:active, :hover)以及组合选择器(如$, $+, $~)。这些选择器大大简化了DOM...

    jquery文本,以文本格式保存的jquery文件

    jQuery的选择器语法是基于CSS选择器的,如`$("#id")`选取ID为指定值的元素,`$(".class")`选取具有特定类名的元素,`$("tag")`选取所有特定类型的元素。此外,jQuery还提供了更高级的选择器,如`:first`、`:last`、`...

    jquery教程chm格式

    2. jQuery选择器:jQuery提供了丰富的选择器,如ID选择器(#id),类选择器(.class),元素选择器(element),以及组合选择器等,用于快速定位DOM元素。 二、DOM操作 3. 获取元素:$.fn.find()、$.fn.children()、$.fn...

    50个Jquery经典实例 50个Jquery经典实例

    1. **jQuery选择器**:jQuery提供了丰富的选择器,如ID选择器(#id)、类选择器(.class)、元素选择器(tag)、属性选择器([attr=value])等,能快速精准地选取DOM元素。 2. **DOM操作**:jQuery提供简便的方法来...

    Jquery find与filter函数区别 说明

    ·find 函数的参数是 jQuery 选择器表达式; ·filter 的参数也是选择器表达式, 但可以有多个条件, 用逗号分隔(逻辑或关系); ·filter 的参数也可以是个函数, 调用函数时会自动传入 index 参数, 函数需返回 true或...

Global site tag (gtag.js) - Google Analytics