- $("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,元素只有一个子元素时候被匹配。
时间: 2024-11-06 03:49:42