jQ的四类基本选择器
jQuery的四种选择器
jQ选择器与css选择器本质上相差不⼤，但是在使⽤容易混淆格式或属性
1.基础选择器
$('#id名')
$('.类名')
$('.类名1 .类名2')
$('标签名.类名')
2.层级选择器
1.⼦代：> children
$('基础选择器1>基础选择器2')//，代表选中1的⼦代2
2.后代：空格
$('基础选择器1 基础选择器2')//空格，代表选中所有1的后代2
两者还可以通过下标来选中元素
$('基础选择器1 基础选择器2')[2]//注意是下标，这⾥代表第三个元素2
3.过滤选择器
eq匹配⼀个给定索引值的元素
1.原⽣⽅法
通过$(':nth-child(n)') //这⾥的n不是下标，直接代表第⼏个
2.jQ⽅法
同过$(':eq(n)')//这⾥的n代表的下标，当前元素 = 第（n-1）个，从0开始计数
同时jQ⽅法还可以通过奇偶数批量选择元素
$('eg:odd')
$('eg:even')
4.筛选选择器
括号的参数参数除了基础选择器之外还可以⽤过滤选择器eq，⽐如：
$("#box").children("div:eq(n)")
1. .children()
不输⼊参数是全选，输⼊参数可以选择指定的元素，
2. .find()
传⼊参数*可以到所有的后代元素
也可以获得指定的后代元素
3. .siblings()
获得所有兄弟元素，除了⾃⼰，在实际的使⽤中可以结合排他思想，⽐如选⽤sibilings⽅法设置其他元素，然后设置⾃⼰，⼤幅节约代码传⼊参数可以获得指定的兄弟元素
4. .prev()/.next()
jquery是什么选择器
获得上⼀个或下⼀个兄弟元素
5. .prevAll()/.nextAll()
获得前⽅或者后⽅的所有兄弟元素
6. .parent()/.parents()
.parent() 这个⽅法⽤来获得所有⽗级元素
.parents() 在加了s后表⽰获取所有上级元素，⼀直到document
这⾥联系⼀下parentNode和parentElement，他们主要区别是，前者最⾼可以读取到Document，⽽parentElement只能读取到html

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