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 ...
随机推荐
- MFC 打开文件夹 调用其他程序 打开文件
ShellExecute(NULL,TEXT("OPEN"),要打开的文件的路径,NULL,NULL,SW_SHOWNORMAL); ShellExecute(NULL, &quo ...
- zookeeper启动错误 transaction type: 2 error: KeeperErrorCode = NoNode for /hbase
hbase伪分布式,与zookeeper同一台机器的时候,运行一段时间,启动zookeeper的时候,日志中有如下错误,导致无法启动zookeeper java.io.IOException: Fai ...
- JS运动基础
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- three.js运动
<!DOCTYPE html> <html> <head> <title>Example 01.04 - Materials, light and an ...
- Extjs用到的一些有用的网页的集锦
1. extJS常用的4中Ajax异步提交 http://www.2cto.com/kf/201403/284083.html http://blog.csdn.net/goodshot/articl ...
- c#的学习
C#,读做 "C sharp",中文译音暂时没有,非专业人士一般读"C井",专业人士一般读"C sharp".C#是一种安全的.稳定的.简单 ...
- Maven with Multi-module
Well, A project made of multi modules. For example, the hongten-security project, the structure of t ...
- 热烈庆祝华清远见成功自主研发Farsight TV 智能机顶盒
近日,华清远见研发中心再传喜讯:Farsight TV 智能机顶盒研发成功并投入教学!这是华清远见研发中心继开源平板电脑.智能医疗终端.智能家居终端后独立成功研发的又一智能硬件!至此,开创了华清远见自 ...
- 20145330第九周《Java学习笔记》
20145330第九周<Java学习笔记> 第十六章 整合数据库 JDBC入门 数据库本身是个独立运行的应用程序 撰写应用程序是利用通信协议对数据库进行指令交换,以进行数据的增删查找 JD ...
- osg 路径 动画 效果
osg 路径 动画 效果 转自:http://blog.csdn.net/zhuyingqingfen/article/details/8248157 #include <osg/Group&g ...