JQ nextALL() 实现遍历

在我们的手机端常常需要应用到 hide 和 show 的方法来节省页面的版块

那么我们需要更多的是需要 show 一个 <li> hide 剩下的 <li>

那么我们就需要应用到 nextAll（）的方法

先贴代码

  <script type="text/javascript">
	$(document).ready(function(){
	  $("#button3").click(function(){
	  $(‘.content5‘).nextAll().toggle(300);
	  });
	});
</script>

时间： 2024-10-02 06:25:48

JQ nextALL() 实现遍历的相关文章

jq的each遍历

原文出处https://www.cnblogs.com/tylerdonet/archive/2013/04/05/3000618.html jQuery 遍历函数包括了用于筛选.查找和串联元素的方法 var arr=[1,2,3,4]; $.each(arr,function(){ alert(this) })//1,2,3,4 var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]] $.each(arr1, function(i, item){ alert

浅析ES5 中对数组遍历的5个扩展方法

1. ForEach 功能: 遍历数组中的每一个元素, 并且将每一个元素的处理过程交给回调函数语法: 数组.forEach( callback ) 回调函数中会传入两个参数, 一个是遍历的数组元素, 一个是当前的索引. 例如: 遍历打印数组中的每一个元素与索引号传统: for ( var i = 0; i < arr.length; i++ ) { console.log( i + ', ' + arr[ i ] ); // 打印, 索引号与当前元素 } forEach: arr.fo

理清Js的各种遍历

JS的遍历说起遍历,我常用JQ的each遍历DOM集,以及用map遍历Json.然而还有很多遍历方法for,forEach,for in等,有原生的有JQ的,他们有何区别呢? 所以我决定写一写博客梳理我关于遍历的知识. 首先,先分清原生js和jQuery的遍历方法: 1.原生JS遍历方法:for.for in.forEach.for of.map 2.jquery遍历方法:$.each.find 原生JS遍历方法 for 常用于遍历数组 forEach (ES5新增方法)用于遍历数组,遍历过程

jquery常用遍历工具函数

遍历在这里 http://my.oschina.net/u/2352644/blog/508397 废话不多说,一个句话告诉你jq的遍历工具我们对数组的循环一般是用for或者for in,这是原生js支持,同样既然用jq的了,咱jq也提供了对数组的遍历方法,也就是对原生js循环的封装一.$.each()和for循环等不得不说的秘密我们循环一个数组一般是下面的处理,利用for循环 var arr=[0,1,2]; for(var i=0;i<arr.length;i++){ aler

Jquery 使用小结

JQuery API中文档地址:http://www.hemin.cn/jq/index.html JQuery 中文社区:http://www.jquery.org.cn/ 1.siblings() 取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合.可以用可选的表达式进行筛选. //同辈元素只能设一个样式为selected $ele.parent().addClass("selected").siblings().removeClass("selected

Jquery 经常用到的属性或方法

JQuery API中文档地址:http://www.hemin.cn/jq/index.html 1.siblings() 取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合.可以用可选的表达式进行筛选. //同辈元素只能设一个样式为selected $ele.parent().addClass("selected").siblings().removeClass("selected"); 2.ajax $.ajax({ url: "/A

当filter使用函数而非选择器来过滤元素时的一个有趣的地方

JQuery官方API关于filter方法的介绍有这么一个实例: <div id="first"></div> <div id="second"></div> <div id="third"></div> <div id="fourth"></div> <div id="fifth"></div

jQuery关于隐式迭代的个人理解~

1.JQuery对象“ 如: $(‘div’).text("div展示的信息") 可以看成”是一个包含一个dom数组和包含所有Jquery方法的容器 2.每当我们调用选择器方法查找dom树里的元素时,其实就是把找到的dom元素存入一个JQ对象里的dom数组中,然后再把这个JQ对象返回. 当我们调用Jquery方法时(如 html()),jq方法会遍历内部 dom数组,并调用每个dom元素的对应的dom属性或方法(如innerHTML),完成操作. 3.其中Jq方法遍历内部dom数组

kissy小记