jquery 筛选元素(1)
.eq()
减少匹配元素的集合为指定的索引的那一个元素。
.eq(index)
index一个整数,指示元素的位置,以0为基数。
$("li").eq(2).css('background-color', 'red')
//选择第三个元素将其 将其背景变成红色。
.eq(-index)
-index 一个整数,指示元素的位置,从集合中的最后一个元素开始倒数。
$("li").eq(-2).css('background-color', 'red')
//选择倒数第二个元素,将其背景变成红色。
.filter()
筛选元素集合中匹配表达式或通过函数测试的 那些元素集合。
.filter(selector)
一个用于匹配元素的选择器字符串。
$('li').filter(':even').css('background-color','red');
// 将为奇数行的元素的背景变成红色。
.filter(function(index));
function(index)
一个函数用作测试集合中的每个元素。this是当前DOM元素。
$("li").filter(function(index){
return index % 3 == 2;
}).css('background-color','red');
将第三个和第六个三的倍数变成红色。
.filter(element)
element 一个或多个DOM元素匹配当前元素集合。
$("div").filter(".mddle").css("border-color","red");
获得div 中含有.middle 选择器的元素,将其背景变成红色。
.filter(jQuery object)
jQuery object 类型为对象
用于进一步筛选当前元素集合。
$("div").filter(function(index){
return index == 1 || $(this).attr("id") =="fourth";
}).css("border","3px double red")
获得div 中含有 索引值等于1 或id选择器为 fourth的元素,改成边框。
.first()
获取匹配元素集合中第一个元素。
这个方法不接受任何参数。
$("li").first().css("background-color",'red');
//找到里"li"中第一个元素,将背景颜色变成红色。
.has()
筛选匹配元素集合中的那些有相匹配的选择器,或DoM 元素。
.has(selector)
selector 一个用于匹配元素的选择器字符串。
.has(contained)
contained 用于匹配元素的DOM 元素。
$('li').has('ul').css('background','red');
过滤出li 中包含 ul 的 元素。
.is()
判断当前匹配的元素集合中,是否为一个选择器, DOM 元素,或者jQ 对象, 如果有一个匹配,那么返回true。
.is(selector)
一个字符串,包含一个用来匹配元素的选择器表达式。
.is(function(index))
一个函数,用来测试集合中的元素..index 索引位置。 this指的是当前的元素。
.is(jQuery object)
现有的元素,以匹配当前的元素。
.is(element)
element 一个用于匹配的DOM 元素。
$("input[type='checkbox']").parent().is("form");
判断表单类型为checkbox 的元素的父级是不是 'form' 如果是返回 true 不是返回 false
.last()
获取匹配元素中的最后一个。
这个方法不接受任何参数。
$("li").last().css("background-color",'red');
//找到里"li"中最后一个元素,将背景颜色变成红色。
.map()
通过一个函数匹配当前集合中的每一个元素。产生一个包含新的对象。
.map(callback(index,domElemnt))
callback(index,domElemnt)
一个函数对象。
$('input').map(function(){
return $(this).val();
}) 获取到input 集合中每个的value 值。
.not()
从匹配的元素集合中移除指定的元素。
.not(selector)
selector 一个用于匹配元素的选择器。
$('li').not($('.notli')).css('background-color',red);
除带有.notli 选择器以外的 背景颜色设置为红色。
.not(elements)
elements 要从元素集合中移除的一个或或多个DOM 元素。
$('li').not(':event').css('background-color','red')
列表项2和4会变成红色。因为不匹配选择器。
$('p').not($("div p.selected"))
从段落集合中移除满足“div p.selected”的元素。
.not(function(index))
unction 一个函数用作测试集合中的每个元素,this 是指当前的DOM元素。
.slice()
根据指定的下标范围,过滤匹配的元素集合,生产一个的对象。
.slice(start[,end])
start 一个整数,从0开始计数的下标。起始下标,如果是负数可从末尾开始。
end 一个整数,从0开始计数的下标。结束下标,如果不写一直到最后。
$('li').slice(2).css('background-color', 'red')
从集合中第三个开始 背景全部为白色。
$('li').slice(2, 4).css('background-color', 'red');
从集合中第三和第四项列表背景会被设置为红色。
jquery 筛选元素(1)的更多相关文章
- jquery筛选元素函数
jquery筛选元素函数 1.过滤匹配第二个p元素: $("button").click(function(){ $("p").eq(1).css(" ...
- jquery 筛选元素 (3)
.addBack() 添加堆栈中元素集合到当前集合中,一个选择性的过滤选择器. .addBack([selector]) selector 一个字符串,其中包括一个选择器表达式,匹配当前元素集合,不包 ...
- jquery 筛选元素 (2)
.add() 创建一个新的对象,元素添加到匹配的元素集合中. .add(selector) selector 一个字符串表示的选择器表达式.找到更多的元素添加到匹配的元素集合. $("p&q ...
- 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 ...
随机推荐
- 3DSMAX 安装失败
AUTO Uninstaller 更新下载地址 1.选择3DSMAX 2.选择3DSMAX的版本 3.点击“开始卸载”,然后重新安装就可以了
- (转)AIX 5.3 安装中文语言包
AIX 5.3 安装中文语言包 原文:http://blog.51cto.com/lubby/571648 在AIX操作系统安装国内软件厂商使用的一些应用软件中,会涉及到一些中文乱码问题(我就是在部署 ...
- Hash表的原理
哈希的概念:Hash,一般翻译做“散列”,也有直接音译为“哈希”的,就是把任意长度的输入(又叫做预映射, pre-image),通过散列算法,变换成固定长度的输出,该输出就是散列值.这种转换是一种压缩 ...
- springCloud 概念介绍
微服务(Microservice) 那么首先介绍下微服务.微服务英文名称Microservice,Microservice架构模式就是将整个Web应用组织为一系列小的Web服务.这些小的Web服务可以 ...
- git分支合并冲突
合并冲突 如果你在两个不同的分支中,对同一个文件的同一个部分进行了不同的修改,Git 就没法干净的合并它们. 如果你对 #53 问题的修改和有关 hotfix 的修改都涉及到同一个文件的同一处,在合并 ...
- AOP切面编程
1.JDK动态代理方式实现 public static UserService createService(){ //目标类 final UserService userService = new U ...
- ZR国庆Round2解题报告
心路历程 预计得分:100 + 10 - 20 + 10 = 120 实际得分:100 + 0 + 10 = 110 感觉这场打的挺稳的.开场秒掉A题,写+调差不多1h 然后刚T3暴力,刚完还有2h左 ...
- iOS沙盒(sandbox)机制及获取沙盒路径
一.每个iOS应用SDK都被限制在沙盒中,沙盒相当于一个加了仅主人可见权限的文件夹,苹果对沙盒有以下几条限制. (1).应用程序可以在自己的沙盒里运作,但是不能访问任何其他应用程序的沙盒. (2).应 ...
- Java Knowledge series 5
Interface from user, not from implementor.(DIP) Interface-Oriented Programming. Interface or Abstrac ...
- spring-cloud构架微服务(1)-全局配置
使用spring-cloud是基于熟悉springboot基础上进行的.本篇介绍全局配置,spring-boot版本就以1.4.0来做吧.项目地址: https://git.oschina.net/b ...