>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 20888 个阅读者 刷新本主题
 * 贴子主题:  jQuery 遍历过滤:缩小搜索元素的范围 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2019-08-19 18:04:42     消息  查看  搜索  好友  邮件  复制  引用

  

jQuery 遍历-  过滤

缩小搜索元素的范围

      三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。

     其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。        

jQuery first() 方法

     first() 方法返回被选元素的首个元素。

     下面的例子选取首个 <div> 元素内部的第一个 <p> 元素:        

范例

$ ( document ) . ready ( function ( ) {
  $ ( " div p " ) . first ( ) ;
} ) ;

jQuery last() 方法

      last() 方法返回被选元素的最后一个元素。

     下面的例子选择最后一个 <div> 元素中的最后一个 <p> 元素:        

范例

$ ( document ) . ready ( function ( ) {
  $ ( " div p " ) . last ( ) ;
} ) ;

jQuery eq() 方法

      eq() 方法返回被选元素中带有指定索引号的元素。

     索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素(索引号 1):        

范例

$ ( document ) . ready ( function ( ) {
  $ ( " p " ) . eq ( 1 ) ;
} ) ;

jQuery filter() 方法

      filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

     下面的例子返回带有类名 "url" 的所有 <p> 元素:      

范例

$ ( document ) . ready ( function ( ) {
  $ ( " p " ) . filter ( " .url " ) ;
} ) ;

jQuery not() 方法

      not() 方法返回不匹配标准的所有元素。

      提示:not() 方法与 filter() 相反。

     下面的例子返回不带有类名 "url" 的所有 <p> 元素:                

范例

$ ( document ) . ready ( function ( ) {
  $ ( " p " ) . not ( " .url " ) ;
} ) ;

程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-10 22:16:41 重新编辑]
  Java面向对象编程-->多线程(上)
  JavaWeb开发-->自定义JSP标签(Ⅰ)
  JSP与Hibernate开发-->JPA API的高级用法
  Java网络编程-->安全网络通信
  精通Spring-->Vue组件开发高级技术
  Vue3开发-->通过Axios访问服务器
  键盘按键与 键码对照表
  vue3.0-基本特性和用法
  大部分人都会做错的经典JS闭包面试题
  Vue自定义数据验证指令
  把99%的程序员烤得外焦里嫩的JavaScript面试题
  Vue+Vant中van-list请求数据(数据请求调用公用方法)
  JS 循环删除数组
  css 实现不定数量的tab切换和页面切换
  一看就懂得移动端rem布局、rem如何换算
  jQuery与AJAX的整合简介
  HTML DOM Script 对象
  JavaScript的HTML DOM Parameter 对象
  CSS 列表样式(ul)
  JavaScript 代码规范
  JavaScript prototype(原型对象)
  更多...
 IPIP: 已设置保密
树形列表:   
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。