jquery--遍历

一、遍历祖先元素

parent 方法是用来查找指定元素的父元素的

parents 方法是用来查找指定元素的所有祖先元素的。

格式:

$().parent.css();

二、遍历兄弟元素

1.前兄弟元素查找

$().prev(); // 查找指定元素前向第一个元素$().preAll(); // 查找指定元素前向所有元素
$().preAll().css();

2.后兄弟元素查找

$().next(); // 查找指定元素的第一个后向兄弟元素$().nextAll(); // 查找指定元素的所有后向兄弟元素
$().nextAll().css()

3.所有兄弟元素查找

$().siblings();

三、遍历后代元素

children 方法和 find 方法都是用来查找元素的子元素的，区别是 children 只能获取元素的儿子节点，而 find 方法可以获取元素的所有符合条件的后代节点。

1.children方法

jQuery对象.children();

   $(this).children("#title").css("font-size", "25px");$(this).children().css("text-align", "center");

2.find方法

jQuery对象.find(selector);

四、过滤元素

1.类名过滤

在 jQuery 中使用 hasClass 方法可以用来判断指定元素是否包含该类名的元素。返回值boolean

$().hasClass("类名");

2.下标过滤

在 jQuery 中使用 eq 方法可以实现下标过滤。n为元素的下标值

$().eq(n);

    $(function () {$("body").click(function () {// 列表中下标值为 0-2 的元素会改变字体颜色var $li = $("li");for (var i = 0; i < 3; i++) {$li.eq(i).css("color", "#77acf1");}});});

3.判断过滤

在 jQuery 中可以使用 is 方法来判断指定元素中是否有符合条件的存在。返回boolean值。

$().is(selector);

     var value = $("div").is(":animated");if (value) {$("p").text("元素处于动画状态");} else {$("p").text("元素不处于动画状态");}

判断是否处于动画效果

4.反向过滤

jQuery 中使用 not 方法可以选择不符合条件的元素。

$().not(selector|function)

它的参数有两种，当为选择器时，我们会通过选择器来过滤不符合条件的元素；当为函数时，我们会通过函数来过滤不符合条件的元素。

      $(this).not(".div2").css("background", "#ffc478");

除div2的类；

jquery--遍历相关推荐

jquery遍历json与数组方法总结each()
在jquery中遍历数组或json数组我们使用最多的方法是each这个函数了或使用foreach,for也是可以实现的,下面我来给大家详细介绍jquery遍历json与数组实现. 代码如下复制代码先 ...
jQuery遍历之next()、nextAll()方法使用实例
jquery遍历:next()和nextAll()方法.实例如下: 复制代码代码如下: <html> <head> <script type="text/ja ...
jquery遍历集合数组标签
jquery遍历集合&数组的两种方式 CreateTime--2017年4月24日08:31:49 Author:Marydon 方法一: $(function(){$("input ...
jQuery 遍历 - closest() 方法
jQuery 遍历参考手册实例本例演示如何通过 closest() 完成事件委托.当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景: $( document ).bind("c ...
jQuery 遍历 (each、map)
jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止 ...
jQuery 遍历方法
jQuery 遍历方法方法描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃.addBack() 的别 ...
jQuery遍历(1)
jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止 ...
jQuery遍历，数组，集合
使用了jquery有段时间了,整理下jquery中的遍历问题. 1.jquery 遍历对象 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Tr ...
JQuery：JQuery遍历详解
JQuery:遍历一.什么是遍历? jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着 ...
php父子遍历,jQuery 遍历
jQuery 遍历 parent() 方法实例查找每个段落的带有 "selected" 类的父元素: $("p").parent(".select ...

jquery--遍历

jquery--遍历相关推荐

最新文章

热门文章