JQuery-筛选
/* 六丶筛选 */
// console.log( $("div:first") ); // div#id_1 所有div中的第一个
// console.log( $("div:last") ); // div#id_4 所有div中的最后一个
// console.log( $("div:not(#id_1)") ); // id不id_1的所有div
// console.log( $("div:even") ); // 返回索引是偶数的div 总共12个div
// console.log( $("div:odd") ); // 返回索引是奇数的div 总共12个div
// console.log( $("div:eq(3)") ); // 返回索引 (等于3) 的div(索引从0开始)
// console.log( $("div:gt(3)") ); // 返回索引 (大于3) 的div(索引从0开始)
// console.log( $("div:lt(3)") ); // 返回索引 (小于3) 的div(索引从0开始)
// console.log( $(":header") ); // 获取所有h1,h2,h3..h6
// console.log( $(":focus") ); // 获取获得焦点的元素
// console.log( $(":animated") ); // 获取执行动画的元素
// console.log( $("div").filter('#id_2_2') ); // 在div中筛选#id_2_2
// console.log( $("div").has('#id_2_1_1') ); // 在div中筛选(后代)有#id_2_1_1的
// console.log( $("div").not('#id_2_1_1') ); // id不#id_2_1_1的所有div
// console.log( $("div").slice(1,2) ); // div.class_1
// console.log( $("#id_2").children() ); // span, div#id_2_1, div#id_2_2, div#id_2_3, h1, h3,
// console.log( $("#id_2").prev() ); // <span>1_3</span>
// console.log( $("#id_2").prevAll() ); // span, div.class_1, div#id_1
// console.log( $("#id_2_1").next() ); // #id_2_1(兄弟)元素里下一个元素
// console.log( $("#id_2_1").next("div") ); // #id_2_1(兄弟)元素里下一个div(紧邻的),没有的话就返回空
// console.log( $("#id_2_1").nextAll("div") ); // #id_2_1后面(兄弟)元素里所有div
// console.log( $("#id_2_2").siblings("div")); // #id_2_1所有(兄弟)元素(包括前面)里所有div
JQuery-筛选的更多相关文章
- jQuery 筛选器1
jQuery 筛选器1 筛选器1: 在选择器选择的基础上在选择一次 // 当前点击的标签$(this) $(this) // .next() 获取当标签的下一个标签 $(this).next(); / ...
- jQuery 筛选器2
jQuery 筛选器2 // 由于$()只能输入字符串$('#li:eq(1)'),可通过.eq()来传入. // 获取this标签中的指定属性 $(this).eq(1) // 获取第一个元素 $( ...
- jQuery筛选结果等于true的筛选
一般来说,使用jQuery筛选器的筛选结果都是数组,可以用length>0来判断是否筛选到:但是有一些筛选结果是布尔值,需要注意: 1.hasClass 2.is
- jQuery筛选器及对DOM修改(学习笔记)
1.jQuery筛选器 注意:请先在管理Nuget程序包中查找jQuery包,并安装.也可以在jQuery官网下载. 实现: <!DOCTYPE html> <html xmlns= ...
- jquery筛选元素函数
jquery筛选元素函数 1.过滤匹配第二个p元素: $("button").click(function(){ $("p").eq(1).css(" ...
- jquery-5 jQuery筛选选择器
jquery-5 jQuery筛选选择器 一.总结 一句话总结:选择器加动态添加方法可以不用想方法名,这个简单方便. 1.筛选选择器有哪三种? 过滤 查找 串联 1.过滤 eq();first(); ...
- jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法
jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jq ...
- JQuery筛选器全系列介绍
jQuery提供了强大的选择器让我们获取对象.在这边,我人为地将jQuery选择器分为两大部分:选择对象和筛选条件.选择对象表示要获取什么对象,筛选条件是对获取的对象进行筛选,最终留下符合某些特征的对 ...
- 【jQuery】jQuery筛选器规则
转载自:http://blog.csdn.net/lijinwei112/article/details/6938134 筛选器中加入变量 var ac = "select_" + ...
- 使用jQuery筛选排除元素以修改指定标签的属性
简单案例: $(function(){ $("td[id][id!='']").click(function(){ //你的逻辑 }); }); 上述代码,有id且id不为空的td ...
随机推荐
- 餐厅系统app版
- Gym100685G Gadget Hackwrench(倍增LCA)
题目大概说一棵边有方向的树,q个询问,每次询问结点u是否能走到v. 倍增LCA搞即可: 除了par[k][u]表示u结点往上走2k步到达的结点, 再加上upp[k][u]表示u结点往上走2k步经过边的 ...
- 书摘及理解:Servlet与JSP的关系
“Servlet是服务器端程序,它把应用逻辑嵌入到HTTP请求,在应答过程中可以直接通过PrinteWriter 输出经过逻辑处理后的动态HTML.JSP则是一种特殊的Servlet,它将Java代码 ...
- Backbone.js学习之一
昨天一个我崇拜的朋友,徐飞送我一本名为<Backbone.js实战>书,让我心中狂喜,于是带着这份浓厚的兴趣,开始研究Backbone.js之路. 打开这本书的第一句话就很有哲理,“授人以 ...
- sql跨电脑导数据
启用Ad Hoc Distributed Queries: reconfigure exec sp_configure 'Ad Hoc Distributed Queries',1 reconfigu ...
- 原生js动画效果(源码解析)
在做页面中,多数情况下都会遇到页面上做动画效果,大部分都是用jquery来实现动画,今天正好看到一篇原生js实现动画效果的代码,特分享在此. 原文地址:http://www.it165.net/pro ...
- 【POJ】1160 Post Office
http://poj.org/problem?id=1160 题意:直线上有n个城市,其中有p个城市有邮局,问如何建p个邮局使得每个城市到最近的邮局和最小.(n<=300, p<=30&a ...
- Nginx_查看并发连接数
通过查看Nginx的并发连接,我们可以更清除的知道网站的负载情况.Nginx并发查看有两种方法(之所以这么说,是因为笔者只知道两种),一种是通过 web界面,一种是通过命令,web查看要比命令查看显示 ...
- linux ps指令
ps axjf <==連同部分程序樹狀態
- Some useful links
Integrating the FlyCapture SDK for use with OpenCV CStereoGrabber_Bumblebee.h OpenCV with PGR Flycap ...