给一个 jQuery 对象 增加一个元素:

- 用逗号

- 用 add() 方法

         console.log( $('div,li') )console.log( $('div').add('li') )

给一个 jQuery 对象 过滤(删除)元素:

- not(selector)

- filter(selector) 是not() 的互补方法

         console.log( $('div,li').not('.b'))console.log( $('div,li').filter('.b') )
         console.log($('li').not(function(index){return $(this).hasClass('b')}))console.log($('li').filter(function(index){return $(this).hasClass('b')

- has(selector) 子元素包含selector的过滤下来,其他的删除

         console.log($('li').has('ul'))


获取子集

- slice(start[,end])

         console.log( $('div,li').slice(2) )

转换元素

- map(callback) 将一个jQuery 对象转换为另一个jQuery 对象

         console.log( $('div,li').map(function(index,domElement){return this.id;}))

遍历元素

- each(iterator)

         console.log( $('div,li').each(function(index,domElement){if(this.id == 'a'){return true;//相当与continue}if(this.id == 'c'){return false;// 相当于break}this.title = this.innerText;}))

其他的一些方法

- is(selector) 判断的方法,返回值是 true 或者 false

- end() 回到最近的一个破坏性操作之前

- addBack(selector)

jQuery 基础 筛选和遍历 jQuery 对象相关推荐

  1. 用jquery的each方法遍历json对象

    用jquery的each方法遍历JSON对象的方法如下: 声明一个JSON对象: var jsonStu=[{"name":"张三","score&q ...

  2. jQuery中用each方法遍历json对象

    json字符串与对象的相互转换 如果声明的是一个字符串,不能直接遍历,需要先将其转换为对象才能遍历 1. eval() var obj='{"name":"bill&qu ...

  3. jquery在html实现遍历,jQuery教程之jQuery遍历、HTML操作详解

    本篇文章探讨了jQuery教程之jQuery遍历.HTML操作详解,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入. < 什么是遍历? jQuery 遍历,意为"移 ...

  4. jQuery基础(五)—— jQuery选择器

    jQuery选择器的写法和CSS选择器的写法类似,我觉得不同的就是CSS是在选择到元素以后为其添加样式, jQuery选择器是在找到元素以后为其添加行为.主要包含以下几种: (1)基本选择器 选择器 ...

  5. JavaWeb开发 前端语言:jQuery(一) jQuery核心函数、jQuery对象、jQuery选择器、以及jQuery元素筛选

    JavaWeb开发 前端语言:jQuery 1.jQuery介绍 1.1 jQuery的初使用 1.2 使用jQuery的常用问题解析 2. jQuery核心函数介绍 3.区分jQuery对象与dom ...

  6. JQuery-学习笔记01【基础——JQuery基础】

    Java后端 学习路线 笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...

  7. 06 Jquery 基础

    06 Jquery 基础 前端学习之jquery: jQuery:一个库 Jquery的基础语法: $(selector).action() 基本选择器: <script>//基本选择器/ ...

  8. jQuery基础(菜鸟教程,建议收藏不然怕你后悔!)

    jQuery基础 在线使用:jquery (v3.6.0) - jQuery 是一个高效.精简并且功能丰富的 JavaScript 工具库.它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTM ...

  9. jQuery基础—高级详细知识笔记

    jQuery基础 一.概述 1.什么是jQuery? 2.特点 二.jQuery的定义方式 1.如何导入jQuery.js 2.jQuery核心函数 **jQuery核心函数的四个作用:** 3.如何 ...

最新文章

  1. Python运算符及注释
  2. [Contest20171005]Maze
  3. 1768: 回文平方数(进制转换)
  4. 51nod 1188 最大公约数之和 V2(欧拉函数)
  5. 硕士毕业后去国外读法学博士_法学硕士的完整形式是什么?
  6. Leetcode 242.有效的字母异位词(哈希表)
  7. Laravel -- Excel 导入(import) (v2.1.0)
  8. PHP面试之网络协议面试题
  9. java1.8下载安装教程
  10. 流畅的Python(Fluent Python)
  11. jQuery版本低引起的漏洞——CVE-2020-11022/CVE-2020-11023
  12. preg_match用法
  13. Android下WPS打开Excel2007版也有问题
  14. Microbiome:根际微生物影响植物开花时间
  15. 重磅!2021年国内Java培训机构排名十强出炉啦!
  16. 一个简单的sql查询脚本
  17. 快速设置电脑自动关机
  18. Power BI----这几个技能让报表更具“逼格“
  19. VMware下Ubuntu如何与主机进行文件共享(留作自用)
  20. 请选择服务器许可证文件,获取并安装许可文件 | PowerMill 2022 | Autodesk Knowledge Network...

热门文章

  1. 哈夫曼树的创建和哈夫曼树编码及解码
  2. wpa_supplicant wpa_cli 无线网络配置
  3. 刘韧:煮知识 论英雄
  4. HTTP协议详解以及URL具体访问过程
  5. 光纤:光纤和光纤布线
  6. node安装后的设置(node_global和node_cache)
  7. android 键盘开发demo,Android自定义键盘之中文键盘demo
  8. Flume之生产正确的使用方式一(Singel Agent)
  9. 2022年计算机四级考试冲刺试题及答案(多选题)
  10. MapReduce学习1:MapReduce基本概念