栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

jQuery中filter()方法用法实例

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jQuery中filter()方法用法实例

此方法能够筛选出与指定表达式或者方法返回值相匹配的元素或者元素集合。

语法结构一:
筛选出与指定表达式匹配的元素集合。
复制代码 代码如下:$(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程序设计有所帮助。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/104651.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号