jquery 筛选元素 (2)
.add()
创建一个新的对象,元素添加到匹配的元素集合中。
.add(selector)
selector 一个字符串表示的选择器表达式。找到更多的元素添加到匹配的元素集合。
$("p").add("div")
.add(html)
html
HTML片段添加到匹配的元素集合中。
$('li').add('<p id="new"> new paragraph</p>')
.add(elements)
elements
一个或多个元素添加到匹配的元素集合。
.add(jquery object)
一个现有的jquery 对象添加到匹配的元素集合。
.add(selector,context)
selector
一个字符串表示的选择器表达式。
context
指定选择器查找元素所在的上下文。
.contents()
获得匹配元素集合中每个元素的子元素,包括文字和注释节点。
.contents()
这个方法不接受任何参数。
$("p").contents(); 查找段落中的所有的文本节点。
.each()
遍历一个jQuery对象,为每一个匹配的元素执行一个函数。
.each(function(index,Element))
function(index,Element)
为每一个匹配元素执行的一个函数。
$("li").each(function(index){
console.log(index + ":""+$(this).text()");
}); 循环每一个li 将每个li 的索引值 和 相对应的内容 打印出来.
$(document.body).click(function(){
$("div").each(function(i){
if(this.style.color !="blue"){
this.style.color = "blue";
}else{
this.style.color = "";
}
});
}); //当点击文档的时候 判断每个div 文字的颜色是否不为蓝色,如果不是,那么就变成蓝色,如果是就去掉。
.end()
终止在当前链的最新过滤操作,并返回匹配的元素的以前的状态。
.end() 这个方法不接受任何方法。
$("p").find("span").end().css("border","2px red solid");
jquery 筛选元素 (2)的更多相关文章
- jquery筛选元素函数
jquery筛选元素函数 1.过滤匹配第二个p元素: $("button").click(function(){ $("p").eq(1).css(" ...
- jquery 筛选元素(1)
.eq() 减少匹配元素的集合为指定的索引的那一个元素. .eq(index) index一个整数,指示元素的位置,以0为基数. $("li").eq(2).css('backgr ...
- jquery 筛选元素 (3)
.addBack() 添加堆栈中元素集合到当前集合中,一个选择性的过滤选择器. .addBack([selector]) selector 一个字符串,其中包括一个选择器表达式,匹配当前元素集合,不包 ...
- js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选
转载:https://www.cnblogs.com/ooo0/p/6278102.html js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) ...
- javascript 常见数组操作( 1、数组整体元素修改 2、 数组筛选 3、jquery 元素转数组 4、获取两个数组中相同部分或者不同部分 5、数组去重并倒序排序 6、数组排序 7、数组截取slice 8、数组插入、删除splice(需明确位置) 9、数组遍历 10、jQuery根据元素值删除数组元素的方)
主要内容: 1.数组整体元素修改 2. 数组筛选 3.jquery 元素转数组 4.获取两个数组中相同部分或者不同部分 5.数组去重并倒序排序 6.数组排序 7.数组截取slice 8.数组插入.删除 ...
- jquery 获取元素(父节点,子节点,兄弟节点),元素筛选
一, js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); var parent = test.p ...
- js/jquery获取元素,元素筛选器
1.js获取元素 var test = document.getElementById("test"); var parent = test.parentNode; // 父节点 ...
- jQuery操作元素
通常,我们在创建元素时,会使用以下代码: var p = document.createElement("p"); p.innerText = "this is para ...
- Javascript及Jquery获取元素节点以及添加和删除操作
用了javascript和jquery很久,把所有元素节点的操作总结了下,放在博客上作为记录. Javascript获取元素的主要方式有三种 1.document.getElementById('ma ...
随机推荐
- leetcode 627. Swap Salary 数据库带判断的更新操作
https://leetcode.com/problems/swap-salary/description/ 用 set keyWord = Case depentedWord when haha ...
- rails4 ckeditor 的部署以及 中文化
首先ckeditor 要基于paperclip 之后paperclip 需要你在linux 下安装 ImageMagick 具体安装可参考http://my.eoe.cn/guanmac/arc ...
- pat1050. String Subtraction (20)
1050. String Subtraction (20) 时间限制 10 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 CHEN, Yue Giv ...
- 用Java 8 Lambda表达式实现设计模式:命令模式
在这篇博客里,我将说明如何在使用 Java 8 Lambda表达式 的函数式编程方式 时实现 命令 设计模式 .命令模式的目标是将请求封装成一个对象,从对客户端的不同类型请求,例如队列或日志请求参数化 ...
- HTML--备忘点
1.文档内的链接
- C#实现Ping服务器
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...
- Vue.js基础语法(一)
vue学习的一系列,全部来自于表哥---表严肃,是我遇到过的讲课最通透,英文发音最好听的老师,想一起听课就去这里吧 https://biaoyansu.com/i/hzhj1206 前言: 前端解析数 ...
- [学习心得][Introduction to ASP.NET Core 1.0]4-1 Creating a Form
原视频地址https://mva.microsoft.com/en-US/training-courses/introduction-to-asp-net-core-1-0-16841?l=eYlqd ...
- Azure进阶攻略 | 你的程序也能察言观色?这个真的可以有!
前段时间有个网站曾经火爆微博和朋友圈:颜龄机器人.只要随便上传一张包含人面孔的照片,这个网站就可以分析图片,并判断照片中人物的年龄.化妆.美颜 P 图.帽子墨镜之类的配饰,几乎都没法影响这个网站的检测 ...
- ansible测试环境
ip user sudo_user port usage 192.168.48.81 ansible root 29922 nagios & ansible control 192.168.4 ...