jQuery中间each实施例的方法
$.each()和$(selector).each()很阶段似,但它是不一样的。
前者可用于遍历数组或json对象
后者被设计成遍历jQuery对象
第一个是$.each()对,通常这么用
$.each(arr, function(i, v){
// do something
})
当中arr也就是集合,也能够是json对象
而回调函数中的i则是数组的下标(在json中则是相应的key)
而v则是arr[i]的值(在json中则是相应的value)
以下来看一个简单的实例:
var json = {name:"zhu", age:10}
var arr = ['a','b','c','d'] $.each(arr, function(i, v){
alert(i + ":" + v)
});
$.each(json, function(k, v){
alert(k + ":" + v)
});
这样就完毕了对数组和json的遍历。
当然了,如此遍历用原生的js也是能够轻松做到的
比方遍历上面的json或是arr,仅仅须要:
for(var k in json){
alert(k + ":" + arr[k])
}
看起来似乎还是js更简洁一些吧~性能上可能也要好一点
以下介绍$(selector).each()。这种方法在js中就不好找到替代品了。
当中$(selector)负责选中一组jQuery元素,而each函数负责遍历它
比方我们想对一组“li”改变其文字颜色
<style>
.red{
color: red;
}
</style>
<ul>
<li>Dog</li>
<li>Cat</li>
<li>Mouse</li>
</ul>
<input type="button" id="btn">
<script>
$("#btn").click(function() {
$("li").each(function() {
$(this).toggleClass('red');
});
});
</script>
只是实际上,jQuery中存在隐式迭代的现象
每当我们调用选择器方法查找dom树里的元素时,事实上就是把找到的dom元素存入一个jQuery对象里的dom数组中,然后再把这个jQuery对象返回。
而所谓隐式迭代也就是当我们调用jQuery方法时(如 toggleClass(..))。jQuery方法会遍历内部 dom数组。并调用每一个dom元素的相应的dom属性或方法完毕操作。
全部click中的函数并不须要使用each,直接$("li").toggleClass('red')也能够
在$(seletor).each(..)中。this被绑定到了当前遍历的DOM对象,如需获得jQuery对象$(this)就能够了
值得需要注意的是,提前退场遍历时,也可以遍历,只需要return false在上面
版权声明:本文博客原创文章,博客,未经同意,不得转载。
jQuery中间each实施例的方法的更多相关文章
- Jquery jqXHR对象的属性和方法
在 jQuery 1.4 之前(包括1.4),$.ajax() 方法返回的是浏览器原生的 XMLHttpRequest 对象. 从 jQuery 1.5 开始,$.ajax() 方法返回 jQuery ...
- jquery数组删除指定元素的方法:grep()
jquery数组删除指定元素的方法:grep() 金刚 数组 jquery javascript 元素 遇到的问题 今天遇到一个问题,删除数组中的一个指定元素,并返回新的数组. 我定义的js数组是这样 ...
- JQuery中操作Css样式的方法
JQuery中操作Css样式的方法//1.获取和设置样式 $("#tow").attr("class")获取ID为tow的class属性 $("#tw ...
- jquery ajax success 函数 异步调用方法中不能给全局变量赋值的原因及解决办法
jquery ajax success 函数 异步调用方法中不能给全局变量赋值的原因及解决办法 在调用一个jquery的ajax方法时我们有时会需要该方法返回一个值或者给某个全局变量赋值,可是我们 ...
- jquery里面的名称冲突解决方法
jQuery 使用 $ 符号作为 jQuery 的简介方式. 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号. jQuery 使用名为 noConflict( ...
- jQuery ajax Load关闭缓存的方法
[导读] 在jQuery ajax Load关闭缓存的方法很简单,我们只要在$ ajaxSetup中把cache: false就楞以了,当然我们还可以使用一个随机参数来实例了.简单介绍load(url ...
- (转载) jQuery 页面加载初始化的方法有3种
jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本,应该没什么区别,主要看习惯吧,本人觉得第二种方法最好,比较简洁. 第一种: $(document).ready(functio ...
- 浅析jQuery中常用的元素查找方法总结
本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍,需要的朋友参考下 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文 ...
- jquery文字上下滚动的实现方法
jquery实现文字上下滚动的方法. 代码: //上下滚动var textRoll=function(){$('#notice p:last').css({'height':'0px','opacit ...
随机推荐
- Lucene.Net 2.3.1开发介绍 —— 二、分词(四)
原文:Lucene.Net 2.3.1开发介绍 -- 二.分词(四) 2.1.2 可以使用的内置分词 简单的分词方式并不能满足需求.前文说过Lucene.Net内置分词中StandardAnalyze ...
- nmap -- write a nmap script
漏洞扫描 --编写Nmap脚本 2006年12月份,Nmap4.21 ALPHA1版增加脚本引擎,并将其作为主线代码的一部分.NSE脚本库现在已经有400多个脚本.覆盖了各种不同的网络机制(从SMB漏 ...
- iOS8指纹识别TouchID
苹果在2014年6月3日的WWDC2014开幕式上推出了新版iOS8系统,界面上iOS8与iOS7相比变化不大,只是在功能方面进行了完好.iOS8通知中心更加强大,支持消息直接回复操作,并支持Quic ...
- 3.1.2 MVC模式和URL访问
本节课大纲: 一.什么是MVC //了解 M -Model 编写model类 对数据进行操作 使用Model类 来操作数据 V -View 编写html文件,页面呈现 C -Controller 编写 ...
- ZOJ3805:Machine
In a typical assembly line, machines are connected one by one. The first machine's output product wi ...
- 数组去重Array
var aee3=[31,42,13,19,5,11,8,13,40,39,1,8,44,15,3]; Array.prototype.unqu2=function(){ this.sort(); v ...
- 全国各大 oj 分类题集...
各种题集从易到难刷到手软 你准备好了吗? 准备剁手吧
- filter与servlet对照
最近在开java物自,还记得刚开始使用servlet这是一个调试ajax什么时候,然后,我不知道怎么用,你知道写的路径来调用,总是提示404错,,到最后自己一点点的调通了,知道servlet是须要se ...
- [Unity3D]Unity3D游戏开发之ACT游戏三连击效果实现综述
各位朋友,大家好,我是秦元培,欢迎大家关注我的博客,我的博客地址是blog.csdn.net/qinyuanpei.在研究了Unity3D Mecanim动画系统的重定向特性后,今天我们继续来探索Me ...
- debian下使用siege进行压力测试
一:siege siege是开源的一个测试工具,可以对指定文本的URL列表进行负载测试,也可以在执行其他请求前让某个请求休眠,从而让你感觉某个用户在转移到web应用的下一个文档前正在读取该文档. ht ...