跟着JQuery API学Jquery 之三 筛选


Posted in Javascript onApril 09, 2010

1.过滤
eq(index) 看这个函数和基础里的:eq貌似是一样的(其实就是一样的)
比如我们对<div>1</div><div>1</div>做选择,那我们可以用$(“div”).eq(1)或$(“div:eq(1)”)
来选中第二个div效果是一样的

hasClass(class) 用来判断当前元素是否含有一个类 这个和is(“.”+class)是一样的,我们来看一下is()这个函数用来干吗的 ,它是用一个表达式来检查当前选择的元素的集合,如果其中至少有一个元素符合给定表达式就返回true。is(expr)里面的参数就是选择器的参数。

filter(expr) 用来选出带有匹配表达式的元素的集合,这个和is有点类似,只不过is是返回的bool型,用于判断,filter用来缩小范围,filter中的参数可以是一个函数,函数的返回值为bool型,当返回的是真的时候就保留节点。其实就是对对象做一个循环,然后删除不要的。比如有<p class="aa">asdf</p><p>2343</p>我们选择class为aa的那个 把他的文本改成一段文字
$("p").filter(function() { return $(this).hasClass("aa") }).text("选择的东西")

not(txpr) 用来删除匹配的元素,这个又和前面有一个:not()一样
slice(start,[end]) 选择一个段 从start开始到end 结束 如果没有end则到结尾
$("p").slice(0, 1),我总觉得这个函数的第二个变量该成num 要好一点 ,从哪一个开始,选择前num个。

2 查找
add(expr) 把与表达式匹配的添加到原来的对象中,这个有点像多选择器比如$(“#id,.cs”)
也可以写成$(“#id”).add(“.cs”)效果一样
Children([expr])得到所有子元素的集合
Contents() 查找匹配元素内部所有的子节点。如果是iframe则查找文档的内容。这个可以很方便的用来变更iframe里面的内容,比如文本编辑器。。
find(expr) 搜索与指定表达式匹配的内容,这个也可以用选择器来实现 比如 $(“ul li”)可以写成 $(“ul”).find(“li”)
next(expr) 搜索同辈元素中紧跟在后面的元素,这个有是 a+b的选择器形式 比如我们要选择div后面跟p标签的$(“div+p”)当然也可以用$(“div”).next(“p”)
nextAll() 搜索后面所有的同辈元素 这个和 a~b是一样的$(“div~p”)和$(“div”).nextAll(“p”)是一样的
Prev([expr]) 取得紧邻的同辈元素的前一个这个和next()刚好相反
PrevAll([expr])取得前面所有的元素这个和nextAll() 刚好相反
Siblings([expr]) 这个函数应该就是nextAll()和prevAll()的和了

offsetParent() 返回第一个元素的父节点,为什么是第一个元素呢,这个用JavaScript来实现是Parent(),但是我们这个用的是jquery,操作的是jquery对象,在很多的教程上都在强调我们要分清JQuery对象和JS对象,其实Jquery对象就是一个array数组,就是要我们注意操作时要把数组的值取出来了在用想用第一个就在后面价格索引[0]来得到第一个对象。
Parent(expr)取得所有元素的都包含的父元素,我们已经知道jquery对象是一个数组,那么里面可能包含多个节点,那么我们就要找出这多个节点共同的父节点,也就是找出一个能够包含他们所有的一个节点,就像有两个人一个是湖北一个是河南,你要找他的上一级,就是他们都是中国的。当然你也可以在里面填一个参数parent(湖北)那么最后我们得到了的节点是湖北。

3 串联
串联里面只有两个函数 andSelf() 和end()
andSelf() 加入先前所选的加入到当前的元素中,这个解释读起来有点绕口。这里就要提一下Jquery的链式操作。比如你选择了 中国-湖北 得到了湖北这个节点 然后你又用 andSelf()把中国在加进入,这个对你想操作你没有筛选前的元素会很有用。
end() 回到最近一个有“破坏性”的操作之前,那什么是破坏性呢,就是对一个集合做了在次的操作
比如前面我们说的next(),到这里我们就知道为什么我们能用$(“div+p”)完成的操作要写成$(“div”).next(“p”)了。

Javascript 相关文章推荐
判断目标是否是window,document,和拥有tagName的Element的代码
May 31 Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
Aug 12 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
Jan 13 Javascript
早该知道的7个JavaScript技巧
Mar 27 Javascript
jQuery中on()方法用法实例详解
Feb 06 Javascript
JavaScript中使用自然对数ln的方法
Jun 14 Javascript
JavaScript Promise 用法
Jun 14 Javascript
JavaScript数组_动力节点Java学院整理
Jun 26 Javascript
javaScript封装的各种写法
Aug 14 Javascript
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 jQuery
JavaScript模板引擎实现原理实例详解
Dec 14 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
May 14 Javascript
跟着JQuery API学Jquery 之二 属性
Apr 09 #Javascript
JSON 教程 json入门学习笔记
Sep 22 #Javascript
jquery.AutoComplete.js中文修正版(支持firefox)
Apr 09 #Javascript
javaScript call 函数的用法说明
Apr 09 #Javascript
javascript 自动填写表单的实现方法
Apr 09 #Javascript
Extjs入门之动态加载树代码
Apr 09 #Javascript
JS 非图片动态loading效果实现代码
Apr 09 #Javascript
You might like
谈谈PHP语法(4)
2006/10/09 PHP
PHP中去除换行解决办法小结(PHP_EOL)
2011/11/27 PHP
jQuery 判断页面元素是否存在的代码
2009/08/14 Javascript
javascript 鼠标拖动图标技术
2010/02/07 Javascript
利用a标签自动解析URL分析网址实例
2014/10/20 Javascript
jquery validate demo 基础
2015/10/29 Javascript
AngularJS入门教程之AngularJS指令
2016/04/18 Javascript
js仿搜狐视频记录片列表展示效果
2020/05/30 Javascript
详解vue express启动数据服务
2017/07/05 Javascript
vue.js element-ui validate中代码不执行问题解决方法
2017/12/18 Javascript
基于vue 动态加载图片src的解决方法
2018/02/05 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
2019/05/23 jQuery
JavaScript canvas实现文字时钟
2021/01/10 Javascript
python基础教程之匿名函数lambda
2017/01/17 Python
Python OpenCV实现视频分帧
2019/06/01 Python
详解Python 多线程 Timer定时器/延迟执行、Event事件
2019/06/27 Python
python各类经纬度转换的实例代码
2019/08/08 Python
python如何使用jt400.jar包代码实例
2019/12/20 Python
python七种方法判断字符串是否包含子串
2020/08/18 Python
CSS实现的一闪而过的图片闪光效果
2014/04/23 HTML / CSS
HTML5 本地存储之如果没有数据库究竟会怎样
2013/04/25 HTML / CSS
HTML5 直播疯狂点赞动画实现代码 附源码
2020/04/14 HTML / CSS
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
韩国三星集团旗下时尚品牌官网:SSF SHOP
2016/08/02 全球购物
纽约市的奢华内衣目的地:Anya Lust
2019/08/02 全球购物
Levi’s西班牙官方网站:李维斯,著名的牛仔裤品牌
2020/08/20 全球购物
中式餐厅创业计划书范文
2014/01/23 职场文书
运动会通讯稿150字
2014/02/15 职场文书
演讲比赛策划方案
2014/06/11 职场文书
创先争优标语
2014/06/27 职场文书
车辆年审委托书范本
2014/09/18 职场文书
初中教师德育工作总结2015
2015/05/12 职场文书
《你在为谁工作》心得体会(共8篇)
2016/01/20 职场文书
为什么阅读对所有年龄段的孩子都很重要?
2019/07/08 职场文书
python调试工具Birdseye的使用教程
2021/05/25 Python
php png失真的原因及解决办法
2021/10/24 PHP