JQuery获取元素的⽅法总结
jQuery定位元素的⽅法有两种，⼀种是通过jQuery 选择器来选择元素，可以直接获取单个或批量的元素；另⼀种是通过jQuery 遍历相关来选择元素，这种⽅法常⽤在获取层级较复杂的页⾯中的元素。
1. jQuery选择器
1.1 元素选择器
通过元素的性质，id，class等获取元素，常见语法为 (“#idName”)，(“#idName”)，(“.className”)，$(“p”)等。
1.2 元素属性选择器
以元素属性为基准，选择包含该属性或者是该属性值为“XX”的元素，常见语法 (“[ℎ  ]”)，(“[href]”)，(“[href=’#’]”)
1.3 元素定位（基本过滤器）选择器
严格来说这不是选择器的⼀种，鉴于定位⽅式较多，将其提取出来。需要结合上述两种选择器使⽤，适⽤于在上述两种选择器选择出来元素之后，如果元素数量较多，对元素再进⾏细化定位。由于这种⽅式需要先选择出所有同类型元素，再在其中进⾏选择（过滤），也称为基本过滤器选择器。如定位页⾯中第三个p元素，需要先使⽤元素选择器选出页⾯中的p元素，再根据索引查 $(“p:eq(2)”) ，即过滤索引⾮第三的元素。
1.4 内容过滤器选择器
根据元素的内容进⾏选择
1.5 可见性过滤器选择器
根据元素是否可见进⾏选择
1.6 表单选择器
1.6.1 表单类型选择器
根据表单中的input元素类型选择
1.6.2 表单状态（过滤器）选择器
2. jQuery遍历相关
jquery在一个元素后追加标签
jQuery 遍历，意为“移动”，⽤于根据其相对于其他元素的关系来“查”（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为⽌。
2.1 层级选择器
我们可以把⽂档中的所有的节点节点之间的关系，⽤传统的家族关系来描述，可以把⽂档树当作⼀个家谱，那么节点与节点直接就会存在⽗⼦，兄弟，祖孙的关系了。
>（⼤于号）紧跟⽗⼦关系 如$("div > p")表⽰选择div下的直接层是p的节点。
+（加号） 紧跟兄弟关系 如$("div + p")表⽰选择div同层的左右相邻的p节点。
~ （波浪线）任意距离兄弟关系 如$("div + p")表⽰选择div同层的p节点。
2.2 ⼦元素过滤器选择器
对⼦元素进⾏选择（过滤），⽤法同 1.3 元素定位（基本过滤器）选择器

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。