jQuery 遍历用法

jQuery 遍历 DOM 树 

    parent() 方法返回被选元素的直接父元素。    parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 。    parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

    children() 方法返回被选元素的所有直接子元素。    find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。
 <script>
        $(document).ready(function(){
            $("span").parentsUntil("div").css({"color":"red","border","2px solid red"});
        });
    </script>
jQuery 遍历 - 同胞(siblings)    siblings() 方法返回被选元素的所有同胞元素。    next() 方法返回被选元素的下一个同胞元素。    nextAll() 方法返回被选元素的所有跟随的同胞元素。    nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。    prev()用于筛选前一个同辈元素的表达式    prevAll()查找当前元素之前所有的同辈元素    prevUntil()查找当前元素之前所有的同辈元素,直到遇到匹配的那个元素为止。

jQuery 遍历- 过滤    first() 方法返回被选元素的首个元素。    last() 方法返回被选元素的最后一个元素。    eq() 方法返回被选元素中带有指定索引号的元素。从0开始而不是1    filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。    not() 方法返回不匹配标准的所有元素。
 <script>
        $(function(){
            $("p").not(".intro").css("background-color","yellow");
        })
    </script>
时间: 2024-11-05 14:45:54

jQuery 遍历用法的相关文章

jQuery $.each用法[转]

jQuery $.each用法 以下内容非原创,来自百度文库http://wenku.baidu.com/view/4796b6145f0e7cd18425368e.html 通过它,你可以遍历对象.数组的属性值并进行处理. each函数根据参数的类型实现的效果不完全一致: 1.遍历对象(有附加参数) $.each(Object, function(p1, p2) { this;       //这里的this指向每次遍历中Object的当前属性值 p1; p2;     //访问附加参数 },

jquery遍历之children()与find()的区别

hildren(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈).参数可选,添加参数表示通过选择器进行过滤,对元素进行筛选. .find(selector)方法是返回匹配元素集合中每个元素的后代.参数是必选的,可以为选择器.jquery对象可元素来对元素进行筛选. .find() 与 .children() 方法类似,不同的是后者仅沿着 DOM 树向下遍历单一层级.这里的children,我理解为儿子,只在儿子这一级遍历.看下例子: [html] view plain

jQuery 遍历 - find() 方法

jQuery 遍历参考手册 实例 搜索所有段落中的后代 span 元素,并将其颜色设置为红色: $("p").find("span").css('color','red'); 亲自试一试 定义和用法 find() 方法获得当前元素集合中每个元素的后代,通过选择器.jQuery 对象或元素来筛选. 语法 .find(selector) 参数 描述 selector 字符串值,包含供匹配当前元素集合的选择器表达式. 详细说明 如果给定一个表示 DOM 元素集合的 jQu

jQuery tmpl用法总结

原文:jQuery tmpl用法总结 之前很是头疼循环数据的渲染,搞一大堆的命名,一点点的赋值,很是麻烦,今天学习了一下jQuery插件tmpl,下面抛出一些使用方法,供以后参考: 官方网址:http://web.archive.org/web/20121014080309/http://api.jquery.com/jquery.tmpl/ github网址:https://github.com/jquery/jquery-tmpl        http://jquery.github.co

jQuery遍历函数

jQuery 遍历函数包括了用于筛选.查找和串联元素的方法. 函数 描述 .add() 将元素添加到匹配元素的集合中. .andSelf() 把堆栈中之前的元素集添加到当前集合中. .children() 获得匹配元素集合中每个元素的所有子元素. .closest() 从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素. .contents() 获得匹配元素集合中每个元素的子元素,包括文本和注释节点. .each() 对 jQuery 对象进行迭代,为每个匹配元素执行函数. .end(

Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解

一.Jquery遍历筛选数组 1.jquery grep()筛选遍历数组 $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<filterarray.length;i++){ alert(filterarray[i]); } for (key in f

jQuery遍历

1. 下图展示了一个家族树.通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞).这种移动被称为对 DOM 进行遍历. 图示解释: <div> 元素是 <ul> 的父元素,同时是其中所有内容的祖先. <ul> 元素是 <li> 元素的父元素,同时是 <div> 的子元素 左边的 <li> 元素是 <span> 的父元素,<ul> 的子元素

jQuery 事件用法详解

jQuery 事件用法详解 目录 简介 实现原理 事件操作 绑定事件 解除事件 触发事件 事件委托 事件操作进阶 阻止默认事件 阻止事件传播 阻止事件向后执行 命名空间 自定义事件 事件队列 jquery中文文档 简介 jquery 之所以成为最受欢迎的前端库,很大一部分是得益于它的事件具有良好的语义,优秀的兼容性,并且便于管理和扩展. 在这里我会介绍 jquery 事件的一些比较基础的用法. 实现原理 jquery 事件脱胎于浏览器的 addEventListener (W3) 和 attac

JQuery datepicker 用法

JQuery datepicker 用法 jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等.官方地址:http://docs.jquery.com/UI/Datepicker,官方示例: http://jqueryui.com/demos/datepicker/. 一个不错的地址,用来DIY jQuery UI界面效果的站点http://jqueryui.com/the