欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jQuery中filter()方法用法实例_jquery

程序员文章站 2022-05-18 19:58:10
...
此方法能够筛选出与指定表达式或者方法返回值相匹配的元素或者元素集合。

语法结构一:
筛选出与指定表达式匹配的元素集合。

复制代码 代码如下:
$(selector).filter(expr)

参数列表:

参数 描述
expr 字符串值,用于筛选当前元素集合的选择器表达式。

实例代码:

复制代码 代码如下:






filter()函数-脚本之家






  • HTML专区

  • Javascript专区

  • Div+Css专区

  • Jquery专区





这段代码能够将类名为js的li中的字体颜色设置为蓝色。

语法结构二:

从元素集合中筛选出指定的jquery对象。

复制代码 代码如下:
$(selector).filter(element)

参数列表:

参数 描述
element 用于匹配当前元素集合中元素的jQuery对象或者DOM对象。

实例代码:

实例一:

复制代码 代码如下:






filter()函数-脚本之家






  • HTML专区

  • Javascript专区

  • Div+Css专区

  • Jquery专区





实例二:

复制代码 代码如下:






filter()函数-脚本之家






  • HTML专区

  • Javascript专区

  • Div+Css专区

  • Jquery专区





语法结构三:

筛选出与指定函数返回值匹配的元素集合。
filter()方法内部将对每个对象计算一次 (如$.each).。如果调用的function返回false则这个元素被删除,否则就会保留。

复制代码 代码如下:
$(selector).filter(function())

参数列表:

参数 描述
function(index) 定义返回filter()匹配值的函数。
index为当前元素在匹配元素集合中的索引值。

实例代码:

复制代码 代码如下:






filter()函数-脚本之家






  • HTML专区

  • Javascript专区

  • Div+Css专区

  • Jquery专区



  • 字体要变蓝色了





希望本文所述对大家的jQuery程序设计有所帮助。