- 浏览: 31055 次
- 性别:
- 来自: 上海
最新评论
29.children(expr)取得子节点,当expr为空时,取得所有的子节点
eg: <div><span>Hello</span><p class="selected">Hello Again</p><p>And Again</p></div>
$("div").children() ==>> [<span>Hello</span><p class="selected">Hello Again</p><p>And Again</p> ]
$("div").children(".selected") ==>> [ <p class="selected">Hello Again</p> ]
children纯选择功能.当无参数是是选择所有子元素.当有条件时,按条件所选.例二是选择class为selected的节点!
30.add(params) 在$所取到的节点数组中添加新的节点.
参数可以是expr, html,element
eg: 1.<p>Hello</p><span>Hello Again</span>
$("p").add("span") ==>> [ <p>Hello</p>, <span>Hello Again</span> ]
eg: 2.<p>Hello</p>
$("p").add("<span>Again</span>") ==> [ <p>Hello</p>, <span>Again</span> ]
eg: 3.<p>Hello</p><p><span id="a">Hello Again</span></p>
$("p").add(document.getElementById("a") ) ==>> [ <p>Hello</p>, <span id="a">Hello Again</span> ]
增加元素或是html内容.增加到搜索的元素之后.例三,是提取id为a的子元素到p元素之后,这时子元素的地位改变,与p元素并列
31.contains(str)找出字节点中包含有str的节点,str起到过滤做用
eg: <p>This is just a test.</p><p>So is this</p>
$("p").contains("test") ==>> [ <p>This is just a test.</p> ]
contains也纯选择功能.参数是str类型.即选择test中包括有test内容的节点
32.filter(expression)过滤找出符合expression的节点
eg:<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
$("p").filter(".selected") ==>> <p class="selected">And Again</p>
$("p").filter(".selected, :first") ==>> [ <p>Hello</p>, <p class="selected">And Again</p> ]
属于多条件查询.selected应该是class为selected的节点.:first应该是第一个节点!
filter(filter_func)通过函数来选择是否过滤,filter_func返回true表示过滤
<p><ol><li>Hello</li></ol></p><p>How are you?</p>
$("p").filter(function(index) { return $("ol", this).length == 0; })==>[ <p>How are you?</p> ]
filter 还可以以函数为条件!
33.find(expr)从子节点找出符合expr的.与filter的区别是filter过滤掉$数组中的节点find过滤到的是子节点
eg: <p><span>Hello</span>, how are you?</p>
$("p").find("span") ==>> [ <span>Hello</span> ]
与filter相反,感觉都差不多
34.is(expr) 判断是否符合条件,如果$数组的所有节点都不符合条件返回false,只要有一个符合条件就返回true
eg: <form><p><input type="checkbox" /></p></form>
$("input[@type='checkbox']").parent().is("form") ==>> false
$("input[@type='checkbox']").parent().is("p") ==>> true
条件判断!
35.next(expr) 取得最近节点那个节点.expr为空时取得所有节点
eg:1.<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>
$("p").next() ==>> [ <p>Hello Again</p>, <div><span>And Again</span></div> ]
eg:2.<p>Hello</p><p class="selected">Hello Again</p><div><span>And Again</span></div>
$("p").next(".selected") ==>>[ <p class="selected">Hello Again</p> ]
感觉没什么特别的.
36. not(el),not(expr),not(elems)与add相反,删除符合条件的节点.
eg:1. <p>Hello</p><p id="selected">Hello Again</p>
$("p").not($("#selected")[0]) ==>> [ <p>Hello</p> ]
$("p").not("#selected") ==>> [ <p>Hello</p> ]
eg:2.<div><p>Hello</p><p class="selected">Hello Again</p></div>
$("p").not($("div p.selected")) ==>> [ <p>Hello</p> ]
删除条件中的节点,反回删除后的结果
37 parent(expr) 取得父节点
eg:1.<html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>
$("span").parents() ==>> [ <body>...</body>, <div>...</div>, <p><span>Hello</span></p> ]
参数为空时取得所有父节点
eg:2.<html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>
$("span").parents("p") ==>>[ <p><span>Hello</span></p> ]
有条件时取得第一个父节点.
38.prev(expr) 与next相反,next取得是与节点相邻后面的.prev取得相邻前面的
eg:1.<div><span>Hello</span></div><p class="selected">Hello Again</p><p>And Again</p>
$("p").prev(".selected") ==>> [ <div><span>Hello</span></div> ]
eg:2.<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
$("p").prev() ==>> [ <div><span>Hello Again</span></div> ]
这个很明显,取得条件之前的节点.next没那么明显,
39.siblings(expr) 取得相邻两边的节点是.next,与prev的结合体
这两个把next和prev整合了
jquery与dom相关的操作先讲到这里,下回接着讲CSS相关操作
eg: <div><span>Hello</span><p class="selected">Hello Again</p><p>And Again</p></div>
$("div").children() ==>> [<span>Hello</span><p class="selected">Hello Again</p><p>And Again</p> ]
$("div").children(".selected") ==>> [ <p class="selected">Hello Again</p> ]
children纯选择功能.当无参数是是选择所有子元素.当有条件时,按条件所选.例二是选择class为selected的节点!
30.add(params) 在$所取到的节点数组中添加新的节点.
参数可以是expr, html,element
eg: 1.<p>Hello</p><span>Hello Again</span>
$("p").add("span") ==>> [ <p>Hello</p>, <span>Hello Again</span> ]
eg: 2.<p>Hello</p>
$("p").add("<span>Again</span>") ==> [ <p>Hello</p>, <span>Again</span> ]
eg: 3.<p>Hello</p><p><span id="a">Hello Again</span></p>
$("p").add(document.getElementById("a") ) ==>> [ <p>Hello</p>, <span id="a">Hello Again</span> ]
增加元素或是html内容.增加到搜索的元素之后.例三,是提取id为a的子元素到p元素之后,这时子元素的地位改变,与p元素并列
31.contains(str)找出字节点中包含有str的节点,str起到过滤做用
eg: <p>This is just a test.</p><p>So is this</p>
$("p").contains("test") ==>> [ <p>This is just a test.</p> ]
contains也纯选择功能.参数是str类型.即选择test中包括有test内容的节点
32.filter(expression)过滤找出符合expression的节点
eg:<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
$("p").filter(".selected") ==>> <p class="selected">And Again</p>
$("p").filter(".selected, :first") ==>> [ <p>Hello</p>, <p class="selected">And Again</p> ]
属于多条件查询.selected应该是class为selected的节点.:first应该是第一个节点!
filter(filter_func)通过函数来选择是否过滤,filter_func返回true表示过滤
<p><ol><li>Hello</li></ol></p><p>How are you?</p>
$("p").filter(function(index) { return $("ol", this).length == 0; })==>[ <p>How are you?</p> ]
filter 还可以以函数为条件!
33.find(expr)从子节点找出符合expr的.与filter的区别是filter过滤掉$数组中的节点find过滤到的是子节点
eg: <p><span>Hello</span>, how are you?</p>
$("p").find("span") ==>> [ <span>Hello</span> ]
与filter相反,感觉都差不多
34.is(expr) 判断是否符合条件,如果$数组的所有节点都不符合条件返回false,只要有一个符合条件就返回true
eg: <form><p><input type="checkbox" /></p></form>
$("input[@type='checkbox']").parent().is("form") ==>> false
$("input[@type='checkbox']").parent().is("p") ==>> true
条件判断!
35.next(expr) 取得最近节点那个节点.expr为空时取得所有节点
eg:1.<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>
$("p").next() ==>> [ <p>Hello Again</p>, <div><span>And Again</span></div> ]
eg:2.<p>Hello</p><p class="selected">Hello Again</p><div><span>And Again</span></div>
$("p").next(".selected") ==>>[ <p class="selected">Hello Again</p> ]
感觉没什么特别的.
36. not(el),not(expr),not(elems)与add相反,删除符合条件的节点.
eg:1. <p>Hello</p><p id="selected">Hello Again</p>
$("p").not($("#selected")[0]) ==>> [ <p>Hello</p> ]
$("p").not("#selected") ==>> [ <p>Hello</p> ]
eg:2.<div><p>Hello</p><p class="selected">Hello Again</p></div>
$("p").not($("div p.selected")) ==>> [ <p>Hello</p> ]
删除条件中的节点,反回删除后的结果
37 parent(expr) 取得父节点
eg:1.<html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>
$("span").parents() ==>> [ <body>...</body>, <div>...</div>, <p><span>Hello</span></p> ]
参数为空时取得所有父节点
eg:2.<html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>
$("span").parents("p") ==>>[ <p><span>Hello</span></p> ]
有条件时取得第一个父节点.
38.prev(expr) 与next相反,next取得是与节点相邻后面的.prev取得相邻前面的
eg:1.<div><span>Hello</span></div><p class="selected">Hello Again</p><p>And Again</p>
$("p").prev(".selected") ==>> [ <div><span>Hello</span></div> ]
eg:2.<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
$("p").prev() ==>> [ <div><span>Hello Again</span></div> ]
这个很明显,取得条件之前的节点.next没那么明显,
39.siblings(expr) 取得相邻两边的节点是.next,与prev的结合体
这两个把next和prev整合了
jquery与dom相关的操作先讲到这里,下回接着讲CSS相关操作
发表评论
-
jQuery对select操作
2011-05-05 11:29 619//遍历option和添加、移 ... -
jquery中ajax事件
2011-05-05 11:12 1036Ajax请求会产生若干不同 ... -
jquery发送ajax请求中的字段含义
2011-05-05 11:11 1373url String (默认: 当前页地址) 发送请求的地址 ... -
jquery基础函数用法7
2011-05-05 11:11 70772.$.ajaxSetup(settings)设置一个全局的 ... -
jquery基础函数用法6
2011-05-05 11:10 74771. hide(),hide(speed, callback ... -
jquery基础函数用法5
2011-05-05 11:08 84250.change(fn)设置onchange事件的方法 e ... -
jquery中append和prepend的用法
2011-05-05 11:08 2640append 是插入到元素中,并放到元素内的最后面 pre ... -
jquery基础函数用法4
2011-05-05 11:05 87178.ajaxSuccess(callback)当一 ... -
jquery中CSS的控制命令
2011-05-05 11:04 9001/. CSS(name)读取样式属性值 eg:<p ... -
Jquery 基础
2011-05-05 11:01 6911.$()的用法 1.1 $(html) ==>> ... -
Jquery 基础函数用法
2011-05-05 11:00 33113.removeAttr(name) 删除属性 eg: & ... -
Jquery 基础用法(二)
2011-05-05 10:49 65321.prependTo(content) 与prepen ... -
Jquery 基础用法
2011-05-05 10:48 7087.lt(pos) 删除一个节点 eg:<p>Th ... -
jQuery load用法技巧导读
2011-04-29 12:00 794jQuery load用法技巧导读:一、用法 jquery的l ...
相关推荐
jquery的基础用法例子,书中的例子,要的拿走
jquery提供了很多便利的函数,如each(fn),但是使用这些函数的前提是:你使用的对象是Jquery对象。使一个Dom对象成为一个Jquery对象很简单,通过下面一些方式(只是一部分): 代码 var a = $("#cid"); var b = $...
jquery基础教程,详细介绍jquery包的使用方法
我在网上找的,认为学习jQuery基础用法用法很好的一个东东。。简单易懂,自己实际操作过基本上就能理解
jquery各种基础的用法,很详细,不错的参考资料
jquery基础学习实例集,jquery初学者实例大全,里面一共包括了三季内容,有些是作者自创的实例,有些是从网络上下载然后修改的,对jquery初学者来说,非常实用且基础的实例,比如一些弹出信息框、伪装链接、无刷新...
本压缩包中包含jquery的一些基础用法和特效,均以实例展现出来
《jQuery基础教程(第4版)》是由jQuery权威专家担纲撰写的佳作,不管是谁,只要稍有JavaScript经验就可以看懂。这本书的特点就是全面、深入,它不仅向读者解释了jQuery的底层原理,更讨论了高级开发技术,而且示例...
jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 编辑本段组件构成 jQuery UI ...
jQuery相关文档,介绍JQuery基础用法的教程书籍。
jquery基础教程之deferred对象使用方法
极简单的tap切换,使用jquery的方法。引用一个jquery.js即可
本文档主要介绍jQuery的一些常用语法规则和里面的一些方法属性等
详细介绍jQuery的一些基础方法的使用,以及ajax请求的处理方法。
适合初学者使用,里面例子很详细 jQuery_学习 :这个主要是学习和解释 jquery-starterkit :这个是实例, ... custom.js :这个就是jquery学习的用法都在这里了; 初学者最好是边学习,边看效果,然后边用。。
不仅包括创建自己的实用函数,还有添加jQuery对象方法,以及使用jQuery UI部件工厂。接下来的几章更加深入地探讨了jQuery的各种特性,在这几章里将学习到很多高级的技术。 第9章重温关于选择符和遍历的知识,讲解了...
介绍了jquery中$.getJSON(),$.getScript(),$.get('x.xml', load(带参数)的用法。后台是jsp的,不过应该区别不是太大。应该都可以参考。
JQuery入门基础教程,介绍JQuery的基本用法,适合于初学者对JQuery有一个全面的理解和认识
对Jquery基础语法、选择器的各种用法、事件器的介绍
第二部分(第2章)详细介绍和分析了构造函数jQuery()的用法、构造过程、原型属性和方法、静态属性和方法。 第三部分(第3~7章)详细分析了底层支持模块的源码实现,包括选择器Sizzle、异步队列Deferred Object、...