`
y8820960
  • 浏览: 115830 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

(五)jquery总结:Traversing

 
阅读更多

JQuery Traversing 方法说明

eq( index ) 从匹配的元素集合中取得一个指定位置的元素,index从0开始
filter( expr ) 返回与指定表达式匹配的元素集合,可以使用”,”号分割多个expr,用于实现多个条件筛选
filter( fn ) 利用一个特殊的函数来作为筛选条件移除集合中不匹配的元素。
is( expr ) 用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的
表达式就返回true。
map( callback ) 将jQuery对象中的一组元素利用callback方法转换其值,然后添加到一个jQuery数组中。
not( expr ) 从匹配的元素集合中删除与指定的表达式匹配的元素。
slice( start, [end] ) 从匹配元素集合中取得一个子集,和内建的数组的slice方法相同。
add( expr ) 把与表达式匹配的元素添加到jQuery对象中。
children( [expr] ) 取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。可选的过滤器
将使这个方法只匹配符合的元素(只包括元素节点,不包括文本节点)。
contents( ) 取得一个包含匹配的元素集合中每一个元素的所有子孙节点的集合(只包括元素节点,不
包括文本节点),如果元素为iframe,则取得其中的文档元素
find( expr ) 搜索所有与指定表达式匹配的元素。
next( [expr] ) 取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。
nextAll( [expr] ) 取得一个包含匹配的元素集合中每一个元素所有的后面同辈元素的元素集合
parent( [expr] ) 取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents( [expr] ) 取得一个包含着所有匹配元素的唯一祖先元素的元素集合(不包含根元素)。
prev( [expr] ) 取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。
prevAll( [expr] ) 取得一个包含匹配的元素集合中每一个元素的之前所有同辈元素的元素集合。
siblings( [expr] ) 取得一个包含匹配的元素集合中每一个元素的所有同辈元素的元素集合。
andSelf( ) 将前一个匹配的元素集合添加到当前的集合中
取得所有div元素和其中的p元素,添加border类属性。取得所有div元素中的p元素,
添加background类属性
$(”div”).find(”p”).andSelf().addClass(”border”);
$(”div”).find(”p”).addClass(”background”);
end( ) 结束当前的操作,回到当前操作的前一个操作
找到所有p元素其中的span元素集合,然后返回p元素集合,添加css属性
$(”p”).find(”span”).end().css(”border”, “2px red solid”);


分享到:
评论

相关推荐

    Jquery1.2中文API,jquery-1[1].2.6.Mini,十五天学会Jquery

    《Jquery1.2中文API,jquery-1[1].2.6.Mini,十五天学会Jquery》 本文将详细介绍jQuery 1.2版本的中文API,以及如何通过提供的资源在15天内快速掌握jQuery的核心知识。jQuery是一款强大的JavaScript库,它简化了...

    jQuery相关总结

    "jQuery相关总结"可能是一个PDF或者文本文件,它可能涵盖了作者在学习jQuery过程中整理的核心概念和实践技巧。这可能包括以下部分: 1. **基础概念**:介绍jQuery的基本使用,如通过"$()"创建jQuery对象,以及如何...

    jquery所用的jar包

    jQuery的核心特性包括选择器(Selectors)、遍历(Traversing)、操作DOM(Manipulation)以及事件处理(Events)。由于其简洁易用的API,jQuery迅速成为最流行的JavaScript库之一,被无数网站和应用程序采用。 **...

    jqueryAPI函数chm文档

    总结,jQuery API函数chm文档详尽地涵盖了jQuery的各种功能,从选择器到DOM操作,再到动画和Ajax,每一个函数都是开发者的得力助手。熟练掌握这些API,将极大地提升Web开发效率,使得前端代码更加简洁高效。无论你是...

    jquery源码好不容易找到的与大家分享

    1. **模块化设计**:jQuery源码采用模块化设计,分为多个部分,如`selector.js`(选择器引擎)、`core.js`(核心功能)、`traversing.js`(遍历DOM)等,这有利于代码的组织和维护。 2. **函数封装**:jQuery将所有...

    jQuery 常用方法

    本篇文章将深入探讨jQuery中的常用方法,基于jQuery 1.4版本进行总结,帮助开发者更好地理解和应用这些功能。 1. **选择器(Selectors)**:jQuery的选择器与CSS选择器相似,如`$("#id")`选取ID为id的元素,`$("....

    jquery1.5 中文API

    总结,jQuery 1.5中文API为开发者提供了强大且易用的工具,无论是在页面交互、DOM操作还是数据通信方面,都能显著提升开发效率。掌握jQuery的API,对于任何前端开发者来说,都是必不可少的技能之一。

    jQueryAPI CHM格式 中文

    总结,jQuery API CHM格式中文版是一个全面的开发工具,它涵盖了从基本选择和操作DOM,到高级的AJAX和动画功能,以及众多插件支持,极大地提高了前端开发的效率和代码质量。对于任何使用jQuery进行Web开发的程序员来...

    JQuery_1.4.2以及相应的API

    总结来说,jQuery 1.4.2 提供了一套强大且易用的 API,使得 JavaScript 开发更加便捷高效。无论是在创建动态网页、构建富客户端应用,还是进行跨浏览器的开发,jQuery 都是开发者不可或缺的工具。通过深入学习和实践...

    jquery1.6-1.7中文API文档

    总结,jQuery 1.6-1.7版本提供了丰富的API,使得JavaScript编程更为高效和便捷。从选择、操作DOM,到事件处理、动画制作,再到Ajax通信,jQuery都提供了简洁易用的接口。学习并熟练掌握这些API,能够显著提升Web开发...

    JQUERY事件大全

    本文通过详细介绍 JQuery 中 Attribute、Manipulation、Traversing 和 Core 方法的相关知识,帮助读者更好地理解如何利用 JQuery 进行网页开发。通过这些方法的学习和实践,可以极大地提高网页开发的效率和灵活性。...

    jQuery1.10.3_API中文手册

    总结,jQuery 1.10.3 API 中文手册是JavaScript开发者不可或缺的参考资料,它详细阐述了jQuery的核心功能和用法,无论你是初学者还是经验丰富的开发者,都能从中获益匪浅。通过熟练运用jQuery,你可以构建出高效、...

    《锋利的Jquery》高清扫描版--内附实例源码

    3. Traversing:jQuery提供了遍历DOM树的方法,如`$(selector).children()`, `$(selector).parent()`, `$(selector).siblings()`等,便于在DOM结构中导航。 三、jQuery AJAX 1. AJAX请求:`$.ajax()`是jQuery的...

    jquery源码和API

    jQuery的源码组织结构清晰,分为核心(core)、选择器(selector)、DOM操作(manipulation)、事件(events)、遍历(traversing)、效果(effects)等多个模块。源码中大量使用了闭包和原型链,以提高效率和封装性...

    JQuery1.3笔记.txt

    ### JQuery 1.3 笔记知识点总结 #### 属性操作 (Attribute) 1. **添加样式** - `$("p").addClass("css类名")`: 给指定的`<p>`元素添加一个CSS类名定义的样式。 2. **添加属性/值** - `$("img").attr({"属性...

    jquery_api jquery手冊

    **总结** jQuery API 是前端开发的强大工具,通过其简洁的语法和丰富的功能,可以极大地提高开发效率。理解和掌握 jQuery API,对于任何前端开发者来说都至关重要。查阅并实践本手册中的内容,将有助于你更好地运用...

    jQueryAPI学习入门精通

    - **集合操作(Traversing)**: `next()`, `prev()`, `children()`, `parent()` 等方法用于遍历和操作元素集合。 - **插件(Plugins)**: jQuery 社区提供了大量插件,扩展了jQuery的功能,如表单验证、图像轮播、...

    jquery-autocomplete文档

    var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(""); $("#example").autocomplete(data); ``` #### 四、高级配置 除了基础的使用方法之外,jQuery ...

    jquery 1.42.js && 开发文档

    总结,jQuery 1.4.2.js是JavaScript世界的一座丰碑,它为后来的前端开发设定了标准。通过深入学习其开发文档,我们可以更好地掌握这一工具,无论是维护旧项目还是理解前端历史,都将大有裨益。无论时代如何变迁,...

    JQuery 学习资料

    总结,jQuery 是一个强大的JavaScript库,它简化了DOM操作、事件处理和动画制作,使得网页开发更加高效。通过深入理解和熟练运用jQuery API,开发者可以大大提高开发效率,创造出更具交互性的网页应用。在学习过程中...

Global site tag (gtag.js) - Google Analytics