jQuery过滤元素操作总结

1: eq(index)方法用于获取第n个元素，其位置从0开始。语法格式如下：eq (index)获取第三个表，并将其背景颜色设置为“#FCF”。代码如下：$ ('TD ')。等式(2)。CSS('背景'，' # fcf '。2:filter(expr)方法用于筛选出与指定表达式匹配的元素集，并缩小匹配范围。多个表达式用逗号分隔，因此多个表达式之间存在or关系。语法如下：filter(expr)$(“input”)。筛选器('。sel’)。CSS ('backlog '，' # fcf '。//选择class属性值为sel的输入元素，并设置其背景颜色$(“input”)。筛选器('。sel，first ')。CSS('背景'，' # fcf ')；//选择具有类属性值的输入元素或当前字段中的第一个元素，并设置它们的背景颜色，表达式之间用逗号分隔。3:3:filter(fn)方法用于筛选出与指定函数返回值匹配的元素集，该方法将对每个对象计算一次(如$ :每个)。如果被调用的函数返回false，这个元素将被删除，否则它将保留。格式如下：filter(fn)复制代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8' /titlefilter(fn)用法/title script src=' http : jquery-1 . 4 . 2 . js ' type=' text/JavaScript '/script script language=' JavaScript ' type=' text/JavaScript ' $(文档)。ready(function(){ $('p '))。filter(function(index){ return $(' ol '，this)。长度==0；}).css('color '，' blue ')；})/脚本/流浆池p ol liHello/li /ol /p pHow你是？/p/body/html假设子元素中没有ol元素，将该元素的字体颜色设置为蓝色。

4: has(expr)方法用于保留包含特定后代的元素，并移除不包含指定后代的元素。这个方法将从给定的jQuery对象中重新创建一组匹配的对象。提供的选择器将逐个测试原始对象的后代，包含匹配后代的对象将被保留。语法格式如下：has (expr)复制代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8' /titlehas(expr)用法/title script src=' http : jquery-1 . 4 . 2 . js ' type=' text/JavaScript '/script script language=' JavaScript ' type=' text/JavaScript ' $(文档)。ready(function(){ $('li '))。has('ul ')。css('color '，' red ')；})/script/head body ul Li id=' menu _ Li ' ul id=' menu _ ul ' line ws/Li Li web page/Li Li now/Li/ul/Li Li body/Li liend/Li/ul/body/html(9501 . 163.com)。

5: hasclass (class)用于检查当前元素是否包含特定的类。如果是，它返回真。复制代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8' /titlehasClass用法/title script src=' http : jquery-1 . 4 . 2 . js ' type=' text/JavaScript '/script script language=' JavaScript ' type=' text/JavaScript ' $(文档)。ready(function(){ $('div '))。单击(function() { if($(this))。has class(' protected '){ $(this)。css('边框'，' 1px纯蓝')；}});})/script/head body div class=' protected ' div元素/div div元素2/div/body/html 。

6: map(callback)方法map(callback)方法用于将一组元素转换为其他数组(无论是否是元素数组)。它可以用来创建列表。无论是值、属性、CSS样式还是其他特殊形式，都可以用$轻松创建。地图()。语法格式如下：map(回调)。