jquery的$().each,$.each的区别与应用

在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。

$().each,对于这个方法,在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().each来处理多个checkbook,例如:

$(“input[name=’ch’]”).each(function(index){
if($(this).attr(‘checked’)==true)
{

//操作代码

}

注:回调函数是可以传递参数,index是索引。

对于遍历一个数组,用$.each()来处理,下面列举了几个实例:

实例1:

//使用this关键字var arr = [‘a‘,‘b‘,‘c‘];
$.each(arr, function(){
    alert(this);//this代表数组中的每个元素
});

实例2:

//回调函数带参数var arr = [‘a‘,‘b‘,‘c‘];
$.each(arr, function(k,v){  //k代表索引,v代表数组中每个元素的值
    alert(‘索引:‘ + k + ‘,值:‘ + v);
});

实例3:

//遍历二维数组var arr = [[1,2,3],[‘a‘,‘b‘,‘c‘]];
$.each(arr, function(k,v){
    alert(v[0]);
});

实例4:

//遍历对象var obj = {one:1, two:2, three:3, four:4, five:‘good‘};
$.each(obj, function(key, val) {
    alert(obj[key]);
});
时间: 2024-11-28 23:08:47

jquery的$().each,$.each的区别与应用的相关文章

jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、

this指的是原生js的DOM对象 .css(""):只写一个值是取值,写俩值是赋值 window.onload   ===   $(document).ready(); $(""):获取元素   标签名..类名.#id jQuery特点 链式编程 jq.shou(3000).html(内容) 相当于 jq.shou(3000) jq.gtml(内容) 隐式迭代 隐式实用for循环.迭代 如何使用jQuery 引包 一定要在使用之前 <script src =

jquery之empty()与remove()区别

jquery之empty()与remove()区别 要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现.可仔细观察效果的话就可以发现.empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中所占的位置.remove([expr])则是把其从dom中删除,而不会保留其所占的位置.例

javascript 与 jquery 中的函数调用的区别

标签:例如<input id="btn_show" type="button" onclick="show()" /> <script type="text/javascript"> $(function(){ function show(){ -- } }) function show(){ -- } </script> 注意, 此时button的点击事件不会调用jquery中的show(

JQuery this和$(this)的区别及获取$(this)子元素对象的方法

1.JQuery this和$(this)的区别 相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢? 首先来看看JQuery中的  $()  这个符号,实际上这个符号在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象.那么,当你在网页中alert($('#id'));时,会弹出一个[object Object ],这个object对象,也就是jquery对象了. 那么,我们

jquery生产和开发的区别

今天说一下jquery生产和开发的区别,在我们下载jquery的时候,会有两个下载链接,一个是jquery.min.js .迷你版 (生产),另一个是 jquery.js .开发版 .不知道的人可能就好奇了,是什么呢,其实 生产版就是把能省略的占空间的都删除了,比如空格,所有的代码都是一堆,不适合查阅,所以称为生产版,就是为 了节省空间.那么反过来开发版的jquery适合查阅和研究.两个版本的代码一模一样,只是排版有一些问题吧. 今天刚了解到jquery升级到2.0了,有一些新的特性,整体大小比

Jquery中$.post()与$.get()区别

1:GET访问 浏览器 认为 是等幂的 就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配] 所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果 POST则 认为是一个 变动性 访问 (浏览器 认为 POST的提交 必定是 有改变的) 防止 GET 的 等幂 访问 就在URL后面加上 ?+new Date();,[总之就是使每次访问的URL字符串不一样的] 设计WEB页面的时候 也应该遵守这个原则 2:谈Ajax的Get和Post的区别

jQuery介绍 DOM对象和jQuery对象的转换与区别

jQuery介绍 DOM对象和jQuery对象的转换与区别 jQuery介绍 jQuery: http://jquery.com/ write less, do more. jQuery Hello World程序 <script type=“text/javascript” src=“xxx//jquery-x.y.z.js"> 引入jQuery.存在两个版本,jquery-x.y.z.min.js是精简压缩版,不带min的是开发版,代码中的注释和缩进等都被保留了. 注意路径中的”

jquery find()和filter()的区别

在写js查找当前标签下某一子元素的子元素集合时,用到了此方法 1 $(".flyout-trigger").mouseover(function(){ 2 var maxnum=$(this).find(".flyout-link").children().filter("dt").size(); 3 $(this).children(".flyout-link").show(); 4 $(this).children(&qu

Js - Dom原生对象和jQuery对象的联系、区别、相互转换

Dom原生对象和jQuery对象的联系.区别.相互转换: 联系: 1.jQuery对象:通过jQuery包装DOM对象后产生的对象: 2.两者之间可以相互转换:区别: 1.jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,两者不等价: 2.jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法. 乱使用会报错. 例如: $("#id").htm

Jquery中$与$.fn的区别

Jquery中$与$.fn的区别 当今web开发往往离不开Jquery的使用,Jquery以其简洁的使用方式.良好的浏览器兼容性赢得了软件研发同行的青睐,作为其中的一员,自然也不例外,尽管刚开始时很排斥Jquery,今天我谈一下对Jquery中$与$.fn的认识和理解,不对地方深望指正: 1.什么是$? 答:jquery的另一种表现形式: 2.看下面的例子: 例子01: 1 <html> 2 <head> 3 <meta http-equiv="Content-Ty