跟着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 相关文章推荐
Firefox 无法获取cssRules 的解决办法
Oct 11 Javascript
JXTree对象,读取外部xml文件数据,生成树的函数
Apr 02 Javascript
复制本贴标题和地址的js代码
Jul 01 Javascript
jQuery对val和atrr(&quot;value&quot;)赋值的区别介绍
Sep 26 Javascript
浅谈Javascript实现继承的方法
Jul 06 Javascript
深入浅析ES6 Class 中的 super 关键字
Oct 20 Javascript
vue组件传递对象中实现单向绑定的示例
Feb 28 Javascript
基于jquery实现左右上下移动效果
May 02 jQuery
vue-router+nginx 非根路径配置方法
Jun 30 Javascript
VUE.js实现动态设置输入框disabled属性
Oct 28 Javascript
jquery实现轮播图特效
Apr 12 jQuery
解决vue动态路由异步加载import组件,加载不到module的问题
Jul 26 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
Windows下的PHP5.0详解
2006/11/18 PHP
增加反向链接的101个方法 站长推荐
2007/01/31 PHP
自己写的php中文截取函数mb_strlen和mb_substr
2015/02/09 PHP
php检查字符串中是否包含7位GSM字符的方法
2015/03/17 PHP
PHP中数据类型转换的三种方式
2015/04/02 PHP
php图像处理类实例
2015/07/28 PHP
PHP CURL采集百度搜寻结果图片不显示问题的解决方法
2017/02/03 PHP
ThinkPHP 模板引擎使用详解
2017/05/07 PHP
PHP如何通过表单直接提交大文件详解
2019/01/08 PHP
PHP与Web页面交互操作实例分析
2020/06/02 PHP
javascript是怎么继承的介绍
2012/01/05 Javascript
轻松创建nodejs服务器(10):处理上传图片
2014/12/18 NodeJs
js对字符的验证方法汇总
2015/02/04 Javascript
浅析JavaScript回调函数应用
2016/05/22 Javascript
ES6概念 Symbol.keyFor()方法
2016/12/25 Javascript
vue.js将时间戳转化为日期格式的实现代码
2018/06/05 Javascript
详解Vue webapp项目通过HBulider打包原生APP
2018/06/29 Javascript
JavaScript引用类型Array实例分析
2018/07/24 Javascript
node.js文件操作系统实例详解
2019/11/05 Javascript
Vue+Vant 图片上传加显示的案例
2020/11/03 Javascript
[15:35]教你分分钟做大人:天怒法师
2014/10/30 DOTA
python字符串对其居中显示的方法
2015/07/11 Python
Django小白教程之Django用户注册与登录
2016/04/22 Python
python Celery定时任务的示例
2018/03/13 Python
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
Python使用 Beanstalkd 做异步任务处理的方法
2018/04/24 Python
python自动识别文本编码格式代码
2019/12/26 Python
将python字符串转化成长表达式的函数eval实例
2020/05/11 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
英国奢华护肤、美容和Spa品牌:Temple Spa
2019/11/02 全球购物
酒吧创业计划书
2014/01/18 职场文书
大二法学专业职业生涯规划范文
2014/02/12 职场文书
2015年教学工作总结
2015/04/02 职场文书
PySwarms(Python粒子群优化工具包)的使用:GlobalBestPSO例子解析
2021/04/05 Python
CSS 制作波浪效果的思路
2021/05/18 HTML / CSS
python入门学习关于for else的特殊特性讲解
2021/11/20 Python