数码产品网站模板,鞍山手机网站建设,宝坻网站建设制作,新媒体运营培训学校4、过滤选择器 过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素#xff0c;过滤规则与CSS 中的伪类选择器语法相同#xff0c;即选择器都以一个冒号(:)开头。按照不同的过滤规则#xff0c; 过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过…4、过滤选择器 过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素过滤规则与CSS 中的伪类选择器语法相同即选择器都以一个冒号(:)开头。按照不同的过滤规则 过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表 单对象属性过滤选择器。 1基本过滤选择器:first、:last、:not(selector)【去除所有与给定选择器匹配的元素eg.$(input:not(.myBox)) 选取class不是myBox的input元素】、:even【索引值是偶数0开始】、:odd【索引值是奇数0开始】、:eq(index)【选取指定索引值的元素】、 eg.$(ul li:eq(1))获取li里的第二个节点 $(ul li:eq(0)).text();获取元素的第一个节点的文本:gt(index)【选取索引大于index的元素0开始】、:lt(index)【选取索引小于index的元素0开始】:header【选取所有的标题元素如h1~h6】、:animation【选取当前正在执行动画的所有元素】 2)内容过滤选择器:过滤规则主要体现在它所包含的子元素或文本内容上。:contains(text)【选取文本内容为“text”的元素,eg.$(div:contains(我 的))】:empty【选取不包含子元素或文本的空元素】:has(selector)【选取含有选择器所匹配的元素的元素】:parent【选取含有子元素或文本的元素】 3可见性过滤选择器可见性过滤选择器是根据元素的可见和不可见状态来选择相 应的元素。 :hidden【选取所有不可见的元素】 $(:hidden)等价于 $(input:hidden),div styledisplay:none;,div stylevisibility:hidden; :visible【选取所有可见的元素】 $(div:visible) 4)属性过滤选择器属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素 。 [attribute]【选取拥有此属性的元素】$(div[id])[attributevalue]【选取属性值为value的元素】$(div[titletest])[attribute!value]【选取属性值不等于value的元素】$(div[title!test])[attribute^value]【选取属性值以value开始的元素】$(div[title^test])[attribute$value]【选取属性值以value结束的元素】$(div[title$test])[attribute*value]【选取属性值含有value值的元素】$(div[title*test])[selector1][selector2][selectorN]【用属性选择器合并成一个复合的属性选择器 满足多个条件每选择一次缩小一次范围】$(div[id][titlt$test]):选取有属性id且属性title以test结束的div元素 5子元素过滤选择器关键将元素的父元素和子元素区分清楚:nth-child(index/even/odd/equation)【选取每个父元素下的第index个子元素或 奇偶元素index从1算起】:first-child【选取每个父元素的第1个子元素】:last-child【选取每个父元素的最后一个子元素】:only-child【若某个元素是它的父元素中唯一的子元素则会被匹配若含有其他 元素则不会被匹配】 6表单对象属性过滤选择器:enabled【选取所有可用元素】:disabled【选取所有不可用元素】:checked【选取所有被选中元素单选或复选框】:selected【选取所有被选中的选项元素下拉列表】 转载于:https://www.cnblogs.com/LindaBlog/p/9796341.html