jQuery筛选

今天的学习内容：

　　eq(n)筛选第n个节点

　　children(selector)选择器选择的所有的子元素

　　not()除了not里面的元素

　　slice截取

　　closest()找离它符合条件最近父元素

　　find()找后代中符合条件的子元素

　　next()相当于选择器+

　　nextAll()相当于选择器~

　　nextUntil()兄弟元素不包含匹配的元素

　　parent()匹配父元素

　　parents()找到所有的祖先元素

　　parentsUntil祖先元素不包含匹配的元素

　　prev()上一个兄弟元素

　　prevUntil()前面的兄弟元素，不包含匹配的元素

　　siblings()所有的兄弟元素

时间： 2024-11-05 15:53:44

jQuery筛选的相关文章

jQuery筛选器及对DOM修改（学习笔记）

1.jQuery筛选器 注意:请先在管理Nuget程序包中查找jQuery包,并安装.也可以在jQuery官网下载. 实现: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; char

bobo jquery筛选数组之grep、each、inArray、map的用法及遍历json对象 [转]

纯粹记录下几种用法: jquery grep()筛选遍历数组 $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<filterarray.length;i++){ alert(filterarray[i]); } for (key in filtera

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法 一丶什么是JQuery JQuery: ???????JQuery是js的一个库,高度封装了js常用的功能,提供简便方法,调用简单,提高开发效率 ??????js库是包含了把复杂的功能封装到简单的方法中 JQuery的两大特性: ???????链式编程:可以.的形式实现多个功能 ?

jquery筛选元素函数

1.过滤匹配第二个p元素: $("button").click(function(){ $("p").eq(1).css("color","red"); });匹配第一个li元素: $("button").click(function(){ $("li").first().css("color","red"); });匹配最后一个元素: $(&qu

jquery 筛选元素(1)

.eq() 减少匹配元素的集合为指定的索引的那一个元素. .eq(index) index一个整数,指示元素的位置,以0为基数. $("li").eq(2).css('background-color', 'red') //选择第三个元素将其 将其背景变成红色. .eq(-index) -index 一个整数,指示元素的位置,从集合中的最后一个元素开始倒数. $("li").eq(-2).css('background-color', 'red') //选择倒数第二

jQuery筛选器

一.jQuery常用筛选器有以下几种: 1.下一个标签 $(document).next() 2.上一个标签 $(document).prev() 3.父亲标签 $(document).parent() 4.孩子标签 $(document).children() 5.兄弟标签 $(document).siblings() 6.子孙中查找 $(document).find('.i1') /*在子孙中查找class属性为i1的标签*/ 二.具体应用 实现点击菜单栏出现当前菜单下的内容,并隐藏其它菜单

js day44 Jquery(筛选,事件,效果,Ajax,javascript跨域)

1     筛选[掌握]     筛选与之前"选择器"雷同,筛选提供函数 1.1   过滤 eq(index|-index),获取第N个元素 ?index:一个整数,指示元素基于0的位置,这个元素的位置是从0算起. ?-index:一个整数,指示元素的位置,从集合中的最后一个元素开始倒数.(1算起) first(),获取第一个元素 last(),获取最后个元素 hasClass(class),检查当前的元素是否含有某个特定的类,如果有,则返回true. filter(exp

jquery筛选条件eq，find，paren，prev，end

eq(index|-index) 概述 获取第N个元素 参数 index 一个整数,指示元素基于0的位置,这个元素的位置是从0算起. 获取匹配的第二个元素 -index 一个整数,指示元素的位置,从集合中的最后一个元素开始倒数.(1算起) HTML 代码: <p> This is just a test.</p> <p> So is this</p> jQuery 代码: $("p").eq(1) 结果: [ <p> So i

JQuery筛选器的使用 (转)

jQuery选择器分为两大部分:选择对象和筛选条件.选择对象表示要获取什么对象,筛选条件是对获取的对象进行筛选,最终留下符合某些特征的对象. 1.选择对象 1).基本 ·#id 根据给定的ID匹配一个元素.例如:$("#id") ·element 根据给定的元素名匹配所有元素.例如:$("div") ·.class 根据给定的类匹配元素.例如:$(".style1"); ·* 匹配所有元素.例如:$("*") ·selecto

使用jQuery筛选排除元素以修改指定标签的属性

简单案例: $(function(){ $("td[id][id!='']").click(function(){ //你的逻辑 }); }); 上述代码,有id且id不为空的td都会执行"你的逻辑". =======================转载======================= 1.eq()  筛选指定索引号的元素2.first() 筛选出第一个匹配的元素3.last() 筛选出最后一个匹配的元素4.hasClass() 检查匹配的元素是否含有