jquery选择器与遍历总结

最新推荐文章于 2023-10-06 11:54:37 发布

郭少__

最新推荐文章于 2023-10-06 11:54:37 发布

阅读量409

点赞数

分类专栏：前端（js+流行框架）

本文链接：https://blog.csdn.net/qq_42118392/article/details/101700386

版权

前端（js+流行框架）专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1、选择器
基础：
所有元素： $(" * ") i d ：$ ("#lastname")
class： $(" . i n t r o ") e l e m e n t ：$ (“p”)
且：$(".intro.demo")

特殊位置：
第一个： $(" p : f i r s t ") 最后一个：$ (“p:last”)
偶数： $(" t r : e v e n ") 奇数：$ (“tr:odd”)

序号：
第n个： $(" u l l i : e q (3) ") 大于：$ (“ul li:gt(3)”)
小于： $(" u l l i : l t (3) ") 非：$ (“input:not(:empty)”)

所有标题元素：$(":header")

内容： $(" : c o n t a i n s (^{'} W 3 S c h o o l^{'}) ") 子节点为空：$ (":empty")
隐藏： $(" p : h i d d e n ") 显示：$ (“table:visible”)

和：$(“th,td,.intro”)

属性：
有href属性： $KaTeX parse error: Expected 'EOF', got '#' at position 20: \dotsref]") href属性为“#̲”：$ ("[href=’#’]")
href属性不为“#”： $KaTeX parse error: Expected 'EOF', got '#' at position 11: ("[href!='#̲']") href属性以.jp\dots$ ("[href$=’.jpg’]")

input元素
所有input： $(" : i n p u t ") t y p e = t e x t 的 i n p u t ：$ (":text")
$(":password")
$(":radio")
$(":checkbox")
$(":submit")
$(":reset")
$(":button")
$(":image")
$(":file")

激活的input：$(":enabled")
禁用的input： $(":disabled")
选取的input： $(":selected")
选中的input： $(":checked")

2、遍历
祖先
父元素：parent()
直系祖先元素：parents()
直到X的直系祖先元素：parentsUntil()

后代
直接子元素：children()
后代元素：find()

同胞：
所有同胞：siblings()
下一个同胞：next()
所有跟随同胞：nextAll()
跟随同胞直到：nextUntil()
prev(), prevAll() 以及 prevUntil()

过滤
首个：first()
最后一个：last()
某个：eq()
指定条件：filter()
非指定条件：not()

其他
将元素添加到：add()
和自己（堆栈中存的之前集合）：andSelf()
最接近的祖先：closest()
每个：each()
结束最近一次选择：end()
索引：eq()
包含特定元素：has()
是指定元素：is()
处理每个对象，形成新对象：.map()
用于定位的第一个父元素：offsetParent()
指定索引范围：slice()