jquery笔记(选择器)

Posted 2020-10-04

• $("span,#two").css("background","#bbffaa"); 改变所有的<span>元素和id为two的元素的背景色；
• $("ancestor descendant") 选取ancestor元素里的所有descendant(后代)元素，包含子元素、孙子元素等；
• $("parent>child") 选取parent元素下的child元素，子元素；
• $("prev+next") 选取紧接在prev元素后的同辈的next元素，等价于$("prev").next("next")；
• $("prev~siblings") 选取prev元素之后的所有同辈的siblings元素，等价于$("prev").nextAll("siblings")；
• siblings方法与前后位置无关，而$("prev~siblings")只选择后面的同辈元素；

 

基本过滤器：

• $("div:first") 选取所有的<div>元素中第一个<div>元素，返回单个元素；
• $("div:last") 选取所有的<div>元素中最后一个<div>元素，返回单个元素；
• :not(selector)，$("input:not(.myClass)")选取class不是myClass的input元素；
• :even，是偶数的所有元素；
• :odd ，是奇数的所有元素；
• :eq(index)，索引等于index的所有元素，返回单个元素；
• :gt(index)，索引大于index的元素；
• :lt(Index)，索引小于Index的元素；
• :header，所有标题元素；
• :animated，所有正在执行动画的元素；
• :focus，获取焦点的元素；

 

内容过滤器：

• :contains(text) ，含有文本内容为“text”的元素；
• :empty ，选取不包含子元素或者文本的空元素；
• :has(selector)，选取还含有选择器所匹配的元素的元素；
• :parent ，选取含有子元素或者文本的元素；
• :hidden ， :visible；

 

子元素过滤选择器：

• :nth-child(index/even/odd/equation) ，选取没给父元素下的第index个子元素或者奇偶元素，index从1算起；
• :first-child ，每个父元素的第一个元素；
• :last-child ， 每个父元素的最后一个元素；
• :only-child，元素只有一个子元素时候被匹配。