jQuery 基础 筛选和遍历 jQuery 对象
给一个 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 对象相关推荐
- 用jquery的each方法遍历json对象
用jquery的each方法遍历JSON对象的方法如下: 声明一个JSON对象: var jsonStu=[{"name":"张三","score&q ...
- jQuery中用each方法遍历json对象
json字符串与对象的相互转换 如果声明的是一个字符串,不能直接遍历,需要先将其转换为对象才能遍历 1. eval() var obj='{"name":"bill&qu ...
- jquery在html实现遍历,jQuery教程之jQuery遍历、HTML操作详解
本篇文章探讨了jQuery教程之jQuery遍历.HTML操作详解,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入. < 什么是遍历? jQuery 遍历,意为"移 ...
- jQuery基础(五)—— jQuery选择器
jQuery选择器的写法和CSS选择器的写法类似,我觉得不同的就是CSS是在选择到元素以后为其添加样式, jQuery选择器是在找到元素以后为其添加行为.主要包含以下几种: (1)基本选择器 选择器 ...
- JavaWeb开发 前端语言:jQuery(一) jQuery核心函数、jQuery对象、jQuery选择器、以及jQuery元素筛选
JavaWeb开发 前端语言:jQuery 1.jQuery介绍 1.1 jQuery的初使用 1.2 使用jQuery的常用问题解析 2. jQuery核心函数介绍 3.区分jQuery对象与dom ...
- JQuery-学习笔记01【基础——JQuery基础】
Java后端 学习路线 笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...
- 06 Jquery 基础
06 Jquery 基础 前端学习之jquery: jQuery:一个库 Jquery的基础语法: $(selector).action() 基本选择器: <script>//基本选择器/ ...
- jQuery基础(菜鸟教程,建议收藏不然怕你后悔!)
jQuery基础 在线使用:jquery (v3.6.0) - jQuery 是一个高效.精简并且功能丰富的 JavaScript 工具库.它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTM ...
- jQuery基础—高级详细知识笔记
jQuery基础 一.概述 1.什么是jQuery? 2.特点 二.jQuery的定义方式 1.如何导入jQuery.js 2.jQuery核心函数 **jQuery核心函数的四个作用:** 3.如何 ...
最新文章
- Python运算符及注释
- [Contest20171005]Maze
- 1768: 回文平方数(进制转换)
- 51nod 1188 最大公约数之和 V2(欧拉函数)
- 硕士毕业后去国外读法学博士_法学硕士的完整形式是什么?
- Leetcode 242.有效的字母异位词(哈希表)
- Laravel -- Excel 导入(import) (v2.1.0)
- PHP面试之网络协议面试题
- java1.8下载安装教程
- 流畅的Python(Fluent Python)
- jQuery版本低引起的漏洞——CVE-2020-11022/CVE-2020-11023
- preg_match用法
- Android下WPS打开Excel2007版也有问题
- Microbiome:根际微生物影响植物开花时间
- 重磅!2021年国内Java培训机构排名十强出炉啦!
- 一个简单的sql查询脚本
- 快速设置电脑自动关机
- Power BI----这几个技能让报表更具“逼格“
- VMware下Ubuntu如何与主机进行文件共享(留作自用)
- 请选择服务器许可证文件,获取并安装许可文件 | PowerMill 2022 | Autodesk Knowledge Network...
热门文章
- 哈夫曼树的创建和哈夫曼树编码及解码
- wpa_supplicant wpa_cli 无线网络配置
- 刘韧:煮知识 论英雄
- HTTP协议详解以及URL具体访问过程
- 光纤:光纤和光纤布线
- node安装后的设置(node_global和node_cache)
- android 键盘开发demo,Android自定义键盘之中文键盘demo
- Flume之生产正确的使用方式一(Singel Agent)
- 2022年计算机四级考试冲刺试题及答案(多选题)
- MapReduce学习1:MapReduce基本概念