锋利的jQuery要点归纳（一）jQuery选择器_jquery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了锋利的jQuery要点归纳（一）jQuery选择器_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4189字，纯文字阅读大概需要6分钟。

内容图文

1 基本选择器

$(#id)
根据给定的id匹配一个元素
$(.class)
根据给定的类名匹配元素
$(element)
根据给定的元素名匹配元素
$(*)
匹配所有元素
$(selector1,selector2,...,selectorN)
将每一个选择器匹配到的元素合并后一起返回

2 层次选择器

$("ancestor descendant")
选取ancestor元素里的所有descendant（后代）元素
$("parent > child")
只选取parent元素下的child（子层级）元素，与$("ancestor descendant")有区别，前者选择所有后代元素（含且不限于子层级）
$('prev + next')
选取紧接在prev元素后的next元素
$('prev ~ siblings')
选取prev元素之后的next元素

3 过滤选择器

3.1 基本过滤选择器

$("selector:first")
选取第一个元素
$("selector:last")
选取最后一个元素
$("selector:not(selector2)")
去除所有与给定选择器匹配的元素
$("selector:even")
选取索引是偶数的所有元素，索引从0开始
$("selector:odd")
选取索引是奇数的所有元素，索引从0开始
$("selector:eq(index)")
选取索引等于index的元素，index从0开始
$("selector:gt(index)")
选取索引大于index的元素，index从0开始
$("selector:lt(index)")
选取索引小于index的元素，index从0开始
$(":header")
选取所有的标题元素，如h1,h2,h3等等
$(":animated")
选取当前正在执行动画的所有元素

3.2 内容过滤选择器

$(":contains(text)")
选取含有文本内容为"text"的元素
$(":empty")
选取不包含子元素或者文本的空元素
$(":has(selector2)")
选取含有选择器所匹配的元素的元素
$(":parent")
选取含有子元素或者文本的元素

3.3 可见性过滤选择器

$(":hidden")
选取所有不可见的元素
$(":visible")
选取所有可见的元素

3.4 属性过滤选择器

$("selector[attribute]")
选取拥有此属性的元素
$("selector[attribute=value]")
选取属性的值为value的元素
$("selector[attribute!=value]")
选取属性的值不等于value的元素
$("selector[attribute^=value]")
选取属性的值以value开始的元素
$("selector[attribute$=value]")
选取属性的值以value结束的元素
$("selector[attribute*=value]")
选取属性的值含有value的元素
$("selector[selector2][selectorN]")
用属性选择器合并成一个复合属性选择器，满足多个条件。每选择一次，缩小一次范围，如$("div[id][title$='test']")选取拥有属性id，并且属性title以"test"结束的

内容总结

以上是互联网集市为您收集整理的锋利的jQuery要点归纳（一）jQuery选择器_jquery全部内容，希望文章能够帮你解决锋利的jQuery要点归纳（一）jQuery选择器_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---