jquery筛选器
1、过滤
eq(index|-index) 获取当前链式操作中第N个jquery对象，正数从0开始，负数从-1开始。
first 获取当前链式操作中第1个jquery对象
last 获取当前链式操作中最后一个jquery对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>this is a test</p>
<p>so it is</p>
<p>this just a test</p>
<div class="div"></div>
<script src="jquery-3.1.0.js"></script>
<script type="text/javascript">
// 获取所有返回的p元素中第一个和第-2个元素
$("p").eq(1).text()
$("p").eq(-2).text()
$("p").first()
$("p").last()
console.log(objs)
</script>
</body>
</html>
2、查找
children([expre]) 所选元素下的所有子元素，
find(e|o|e) 搜索所有与指定表达式匹配的元素，包括子元素、孙元素等
next(expr) 所有匹配的元素紧临的下一个同辈元素的集合
nextAll([expr]) 所有匹配元素后面紧临的所有同辈元素的集合
prev([expr]) 所有匹配的元素紧临的前一个同辈元素的集合
prevAll([expr]) 所有匹配元素前面紧临的所有同辈元素的集合
parent([expr]) 所有匹配元素的唯一父元素，即上一级元素，而不包括上上级元素
siblings([expr]) 所有匹配元素的前后同辈元素集合
示例代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--HTML区域-->
<h1>第一个标题</h1>
<div class="nav-2014">
<div class="w">
<div class="w-spacer"></div>
<div class="categorys">
<div class="dt">家用电器分类</div>
<div class="dp">家用电器价格</div>
</div>
<span class="hr"></span>
<div class="navitems-2014">
<div id="treasure"></div>
<span class="clr"></span>
<span class="chr"></span>
男：<input type="checkbox" checked="checked" value="nan">
女:<input type="checkbox" value="nv">
</div>
</div>
</div>
<h2>第二个标题</h2>
<div id="electronic">
<div id="firstScreen">1
<div class="w">2</div>
</div>
<ul>
<li class="ui-switch-curr">第一</li>
<li class="ui-switch-item"></li>
<li class="ui-switch-next">第三</li>
<li class="ui-switch-sub">第四</li>
</ul>
<ul>
<div class="ul_div"></div>
<li class="lizi_ws_fruit" name="zhuang_guo">
<div class="test">test</div>
梨</li>
<li class="ws_pingguo_fruit" name="zhuan_wang">苹果</li>
<li id="elpsq" name="zhuang_dang"></li>
</ul>
<div class="secord_screen">
<div></div>
</div>
<div class="third_screen"></div>
</div> <!--jquery区域-->
<script src="jquery-3.1.0.js"></script>
<script>
// 匹配id为electronic元素的所有子元素，即下一级元素,孙元素不包括在内
$("#electronic").children()
$("#electronic").children("[class$=screen]")
// 匹配所有ul标签下的所有div标签，包括子元素及孙元素等
$("ul").find("div")
// 匹配id为firstScreen的元素的下一个同辈元素,即ul元素
$("#firstScreen").next()
// 匹配span标签的下一个同辈元素中属性为chr的元素
$("span").next(".chr")
// 匹配id为firstScreen的元素后面的所有紧临同辈元素
$("#firstScreen").nextAll()
// 匹配div标签中class值为test的父元素
$("div .test").parent()
// 匹配class属性名为switch的前一个同辈元素
$(".ui-switch-next").prev()
// 匹配class属性名为switch的前面所有同辈元素
$(".ui-switch-sub").prevAll()
// 匹配class值为ui-switch-next的元素前后所有同辈元素
$(".ui-switch-next").siblings()
// 匹配class值为categorys的元素的前后所有同辈元素中，span标签元素
$(".categorys").siblings("span")
console.log(objs)
</script>
</body>
</html>
jquery筛选器的更多相关文章
- jQuery 筛选器1
jQuery 筛选器1 筛选器1: 在选择器选择的基础上在选择一次 // 当前点击的标签$(this) $(this) // .next() 获取当标签的下一个标签 $(this).next(); / ...
- jQuery 筛选器2
jQuery 筛选器2 // 由于$()只能输入字符串$('#li:eq(1)'),可通过.eq()来传入. // 获取this标签中的指定属性 $(this).eq(1) // 获取第一个元素 $( ...
- jQuery筛选器及对DOM修改（学习笔记）
1.jQuery筛选器 注意:请先在管理Nuget程序包中查找jQuery包,并安装.也可以在jQuery官网下载. 实现: <!DOCTYPE html> <html xmlns= ...
- 【jQuery】jQuery筛选器规则
转载自:http://blog.csdn.net/lijinwei112/article/details/6938134 筛选器中加入变量 var ac = "select_" + ...
- jQuery筛选器常用总结
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- jQuery筛选器及练习
jQuery初识 jQuery是什么? jQuery是一个兼容多浏览器的JavaScript库. jQuery能极大地简化JavaScript编程,它的宗旨就是:"Write less, ...
- jQuery笔记-jQuery筛选器children()详解
jQuery的选择包含两种,一种是选择器,一种是筛选器.筛选器是对选择器选定的jQuery对象做进一步选择. children()是一个筛选器,顾名思义就是筛选孩子,筛选那些符合条件的孩子. 完整的格 ...
- python jQuery筛选器
筛选器:$(this).next() 下一个 $(this).prev 上一个 $(this).parent() 父 $(this).children() 孩 $(th ...
- JQuery筛选器全系列介绍
jQuery提供了强大的选择器让我们获取对象.在这边,我人为地将jQuery选择器分为两大部分:选择对象和筛选条件.选择对象表示要获取什么对象,筛选条件是对获取的对象进行筛选,最终留下符合某些特征的对 ...
- jQuery 筛选器 链式编程操作
$('#i1').next() 下一个标签$('#i1').nextAll() 兄弟标签中,所有下一个标签$('#i1').nextUntil('#ii1') 兄弟标签中,从下一个标签到id为ii1的 ...
随机推荐
- Spark源码学习1.7——Master.scala
master第一步是加载系统定义的环境变量,如worker的超时时间.系统保留的Application数目等:第二步,加载worker的信 息,地址.id等:第三步,加载Application的信息, ...
- Best Coder Round#25 1003 树的非递归访问
虽然官方解释是这题目里的树看作无向无环图,从答案来看还是在“以1作为根节点”这一前提下进行的,这棵树搭建好以后,从叶节点开始访问,一直推到根节点即可——很像动态规划的“自底向上”. 但这棵树的搭建堪忧 ...
- Question Of Rabbit
题目描述 f(n) = GCD(1, n) + GCD(2, n) + GCD(3, n) + ~ ~ ~ + GCD(n - 1, n). 输入 每行一个整数N (1 < N < 400 ...
- Android动画之Tween动画实战
Android动画分为Tween动画和Frame动画,上一节通过一个实例介绍了Frame动画,本节将介绍Tween动画.Tween可以把对象进行缩小.放大.旋转和渐变等操作. Tween动画有 ...
- delphi里动态创建AlphaControls实现换肤
AlphaControls是一套Delphi下的优秀的皮肤vcl控件.几年前,一般用得比较多的是vclskin,使用很方便,可惜这套2010年已经停止维护了.后来就看到更多的人开始推崇AlphaCon ...
- Dijksktra(测试源代码)
1.此程序为c++程序 2.以下代码可实现手动输入,即去掉代码中的/*...*/注释符,并同时去掉赋值代码段 3.源代码 #include<iostream> using namespac ...
- JDK1.7 安装配置
JDK1.7 安装配置 1.下载jdk1.7安装包,下载地址为http://pan.baidu.com/s/1bnvWc5x: 2.安装jdk1.7,安装完成后可在安装目录下看到以下两个文件夹,如下图 ...
- git学习：关于origin和master
[转载请注明出处]http://www.cnblogs.com/mashiqi 2016/10/27 本文主要是对这篇博客文章的理解. git的服务器端(remote)端包含多个repository, ...
- dede 优化打开速度
织梦DedeCMS本地后台运行速度慢 不知道从什么时候开始,织梦DedeCMS在本地PHP环境进行测试的时候,后台的运行反应会非常的慢,经常过了很久都没有反应.运行很久之后,还会出现了“\includ ...
- parentNode、parentElement，childNodes、children 它们有什么区别呢？
parentNode.parentElement,childNodes.children 它们有什么区别呢?parentElement 获取对象层次中的父对象. parentNode 获取文档层次中的 ...