跟着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 相关文章推荐
javascript 字符 Escape,encodeURI,encodeURIComponent
Jul 09 Javascript
jQuery 类twitter的文本字数限制带提示效果插件
Apr 16 Javascript
JavaScript 页面编码与浏览器类型判断代码
Jun 03 Javascript
filters.revealTrans.Transition使用方法小结
Aug 19 Javascript
自动刷新网页,自动刷新当前页面,JS调用
Jun 24 Javascript
使用javascript控制cookie显示和隐藏背景图
Feb 12 Javascript
对JavaScript中this指针的新理解分享
Jan 31 Javascript
浅谈html转义及防止javascript注入攻击的方法
Dec 04 Javascript
json前后端数据交互相关代码
Sep 19 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
Jul 24 Javascript
详解如何使用Node.js实现热重载页面
May 06 Javascript
gojs实现蚂蚁线动画效果
Feb 18 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与paypal整合方法
2010/11/28 PHP
在WINDOWS中设置计划任务执行PHP文件的方法
2011/12/19 PHP
PHP中filter函数校验数据的方法详解
2015/07/31 PHP
thinkPHP查询方式小结
2016/01/09 PHP
thinkphp跨库操作的简单代码实例
2016/09/22 PHP
利用Laravel生成Gravatar头像地址的优雅方法
2017/12/30 PHP
详谈PHP中public,private,protected,abstract等关键字的用法
2017/12/31 PHP
php 输出缓冲 Output Control用法实例详解
2020/03/03 PHP
关于JS管理作用域的问题
2013/04/10 Javascript
使用js+jquery实现无限极联动
2013/05/23 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
2015/04/16 Javascript
实例代码讲解jquery easyui动态tab页
2015/11/17 Javascript
微信小程序 教程之wxapp 视图容器 view
2016/10/19 Javascript
解析javascript图片懒加载与预加载的分析总结
2016/10/27 Javascript
ajax接收后台数据在html页面显示
2017/02/19 Javascript
微信小程序实现倒计时60s获取验证码
2020/04/17 Javascript
vue路由跳转时判断用户是否登录功能的实现
2017/10/26 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
浅析java线程中断的办法
2018/07/29 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
vue3+typeScript穿梭框的实现示例
2020/12/29 Vue.js
[05:53]完美世界携手游戏风云打造 卡尔工作室观战系统篇
2013/04/22 DOTA
[01:57]2018年度DOTA2最具潜力解说-完美盛典
2018/12/16 DOTA
python通过shutil实现快速文件复制的方法
2015/03/14 Python
python 换位密码算法的实例详解
2017/07/19 Python
Python金融数据可视化汇总
2017/11/17 Python
详解Django中CBV(Class Base Views)模型源码分析
2019/02/25 Python
PyTorch中反卷积的用法详解
2019/12/30 Python
浅谈pytorch 模型 .pt, .pth, .pkl的区别及模型保存方式
2020/05/25 Python
欧缇丽美国官网:Caudalie美国
2016/12/31 全球购物
学前教育专业毕业生自荐信
2013/10/03 职场文书
故意伤害人身损害赔偿协议书
2014/11/19 职场文书
自主招生自荐信怎么写
2015/03/24 职场文书
执行力心得体会范文
2016/01/11 职场文书
全国劳模先进事迹材料(2016精选版)
2016/02/25 职场文书
MySQL锁机制
2021/04/05 MySQL