残血舞
- 浏览: 31724 次
- 性别:
- 来自: 上海
-
最新评论
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 641//遍历option和添加、移 ... -
jquery中ajax事件
2011-05-05 11:12 1060Ajax请求会产生若干不同 ... -
jquery发送ajax请求中的字段含义
2011-05-05 11:11 1398url String (默认: 当前页地址) 发送请求的地址 ... -
jquery基础函数用法7
2011-05-05 11:11 72772.$.ajaxSetup(settings)设置一个全局的 ... -
jquery基础函数用法6
2011-05-05 11:10 76771. hide(),hide(speed, callback ... -
jquery基础函数用法5
2011-05-05 11:08 86950.change(fn)设置onchange事件的方法 e ... -
jquery中append和prepend的用法
2011-05-05 11:08 2676append 是插入到元素中,并放到元素内的最后面 pre ... -
jquery基础函数用法4
2011-05-05 11:05 89478.ajaxSuccess(callback)当一 ... -
jquery中CSS的控制命令
2011-05-05 11:04 9171/. CSS(name)读取样式属性值 eg:<p ... -
Jquery 基础
2011-05-05 11:01 7091.$()的用法 1.1 $(html) ==>> ... -
Jquery 基础函数用法
2011-05-05 11:00 35913.removeAttr(name) 删除属性 eg: & ... -
Jquery 基础用法（二）
2011-05-05 10:49 67821.prependTo(content) 与prepen ... -
Jquery 基础用法
2011-05-05 10:48 7337.lt(pos) 删除一个节点 eg:<p>Th ... -
jQuery load用法技巧导读
2011-04-29 12:00 822jQuery load用法技巧导读：一、用法 jquery的l ...
相关推荐
**jQuery基础教程中文版2015** jQuery是一款强大的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。2015年发布的这个基础教程，旨在帮助初学者快速掌握jQuery的核心概念和技术。 一、...
jQuery是JavaScript库中的一款经典工具，它极大地简化了DOM操作、事件...这个“jQuery基础教程第三版源码”包含了上述所有知识的示例代码，通过阅读和实践，你可以深入理解jQuery的精髓，并提升JavaScript编程能力。
"jQuery基础教程源码 第三版"是一本旨在帮助初学者和有经验的开发者深入了解jQuery的著作。在这个版本中，作者深入浅出地介绍了jQuery的核心概念、方法和最佳实践，通过实例代码帮助读者更好地理解和应用jQuery。 ...
《jQuery基础教程第四版》是一本深受欢迎的前端开发指南，专注于jQuery库的使用和实践。jQuery是一个轻量级、高性能的JavaScript库，它极大地简化了JavaScript操作DOM（文档对象模型）、事件处理、动画制作以及Ajax...
这个"jQuery基础教程源码"资源包含了与《jQuery基础教程》一书配套的所有实例源代码，旨在帮助读者更好地理解和实践jQuery的核心概念。 在jQuery中，DOM（文档对象模型）操作是其主要功能之一。DOM是HTML和XML文档...
通过阅读《jQuery基础教程（第四版）中文》，读者不仅能掌握jQuery的基本用法，还能了解最佳实践和最新趋势。配合提供的"教程重要说明及更新链接点击这个文本.txt"，读者可以获取最新的教学资源和更新信息。"jQuery...
**jQuery基础使用与样式** jQuery 是一个广泛使用的 JavaScript 库，它简化了DOM操作、事件处理、动画设计和Ajax交互。在本文中，我们将探讨jQuery的基础使用，特别是关于选择器和样式的应用。 **一、jQuery选择器...
《jQuery基础教程第四版》是一本专为初学者设计的指南，旨在帮助读者掌握JavaScript库jQuery的核心概念和技术。jQuery简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务，是Web开发中广泛使用的工具。这...
**jQuery基础教程（第三版）源码解析** jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。在《jQuery基础教程（第三版）》中，作者深入浅出地讲解了...
《jQuery基础教程（第四版）中文pdf版+配套源码》是针对JavaScript库jQuery的一份详细学习资源，旨在帮助初学者和进阶开发者掌握jQuery的核心概念和技术。jQuery是一款广泛使用的JavaScript库，它简化了HTML文档遍历...
**jQuery基础教程（第二版）** jQuery是一款广泛应用于Web开发的JavaScript库，它极大地简化了JavaScript的使用，尤其是处理HTML文档、事件处理、动画效果以及AJAX交互。本教程将深入探讨jQuery的核心概念和功能，...
此“jQuery基础文件”压缩包包含了jQuery的三个主要版本：1.11.3，2.1.4和3.3.1。每个版本都有其特定的发布日期和功能特性，适合不同项目的需求。 1. jQuery 1.11.3： 这是jQuery 1.x系列的一个稳定版本，主要支持...
以下是关于jQuery基础教程第5章的一些核心知识点： 1. **选择器**：jQuery的选择器基于CSS，允许开发者轻松地选取DOM中的元素。如`$("#id")`用于选取ID为"id"的元素，`$(".class")`用于选取所有class为"class"的...
- **示例插件**：通过实例演示如何编写自定义插件，包括插件的基本结构、配置选项和使用方法。 #### 七、高级技术探讨 - **闭包的使用**：解释闭包的概念，并展示如何在jQuery中有效利用闭包。 - **单元测试**：...
### JQuery基础教程知识点详解 #### 一、JQuery简介与特点 **JQuery** 是一个快速、简洁的JavaScript库，其设计目标是简化HTML文档遍历、事件处理、动画以及Ajax交互等操作。通过JQuery，开发者可以更方便地编写...
因此，我将根据文件的标题“jQuery基础教程.pdf”来生成关于jQuery基础的知识点。jQuery是一个快速、小巧、功能丰富的JavaScript库。它简化了HTML文档遍历、事件处理、动画和Ajax交互的过程，极大地提高了Web开发的...
《jQuery基础教程（第二版）源码》是一个用于学习jQuery库的配套资源，包含了多个章节的实例代码。jQuery是一款广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。这个教程源码...
这一章介绍了jQuery的基本使用方法，包括如何在网页中引入jQuery库，以及如何编写jQuery选择器来选取页面元素。它还会讲解如何使用$函数进行DOM元素的选择和操作，例如通过ID、类名或标签名选取元素，并展示如何利用...