jquery each循环用法

jquery当中我们会经常的使用到each. 因为each可以循环的对每个选择中的内容进行操作. 例如: $(“p”).each(function(){ $(this).html(“我被改变了.”); //这里的this就是这当前循环到的p. }); 很简单的将所有p里面的内容都替换了. 我们再来看一段 each . $(“p”).each(function(i,dom){ $(this).html(i+”-”+dom); });

看一个利用jquery each 循环出checkbox

 

$.each($(input:checked),function(i,n){           
   alert(n.value);  // 有效
    alert(n.val()); // 无效,为什么会这样???
    return false;
});

上面操作有问题,改正

$.each操作的是一般对象,不是jquery对象,所以n是个dom元素

需要jquery对象是用这种方法:

$(input:checked).each(function(i,n){           
    alert($(n).val());    //这里n 是表示dom对象  加 $ 就转换为 jquery对象了
    return false;
});

时间: 2024-10-29 15:12:07

jquery each循环用法的相关文章

jQuery的each循环用法简单示例_jquery

本文实例讲述了jQuery的each循环用法.分享给大家供大家参考,具体如下: <script type="text/javascript"> $(document).ready(function(){ $("#testbutton").click( function(){ //each:遍历数组操作 $.each($("p"), function(i, val){ $("<div>第" + i + &

jQuery数据缓存用法分析

 这篇文章主要介绍了jQuery数据缓存用法,较为详细的分析了jQuery数据缓存的功能.定义与相关的使用技巧,需要的朋友可以参考下     本文分析了jQuery数据缓存用法.分享给大家供大家参考.具体如下: 在jQuery的API帮助文档中,jQuery这样描述数据缓存的作用:用于在一个元素上存取数据而避免了循环引用的风险. 一.定义缓存数据 使用$(selector).data(name,value)方法可以为jQuery对象定义缓存数据.这些缓存数据被存放在匹配的DOM元素集合中所有DO

jQuery数据缓存用法分析_jquery

本文分析了jQuery数据缓存用法.分享给大家供大家参考.具体如下: 在jQuery的API帮助文档中,jQuery这样描述数据缓存的作用:用于在一个元素上存取数据而避免了循环引用的风险. 一.定义缓存数据 使用$(selector).data(name,value)方法可以为jQuery对象定义缓存数据.这些缓存数据被存放在匹配的DOM元素集合中所有DOM元素中. var $link = $('a'); $link.data('linkType', 'home'); 说明:$(selector

jQuery中$.extend()用法实例

  本文实例讲述了jQuery中$.extend()用法.分享给大家供大家参考.具体分析如下: $.extend()方法定义如下: jQuery.extend([deep], target, object1, [objectN]) 用一个或多个其他对象来扩展一个对象,返回被扩展的对象. 如果不指定target,则给jQuery命名空间本身进行扩展.这有助于插件作者为jQuery增加新方法. 如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象.否则的话,副本

jQuery中animate用法实例分析

 这篇文章主要介绍了jQuery中animate用法,实例分析了animate的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery中animate用法.分享给大家供大家参考.具体如下: 这是一个简单的animate函数尝试.代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <script type="text/javascript"> $(document).ready

jQuery过滤选择器用法分析

这篇文章主要介绍了jQuery过滤选择器用法,实例分析了:first.:last.:odd.:even等等常用的过滤选择器的使用技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jQuery过滤选择器用法.分享给大家供大家参考.具体分析如下: 在实践中,可以在基本选择器的基础上添加过滤选择器来完成查询任务,根据具体情况,在过滤选择器中可以使用元素的索引值.内容.属性.子元素位置.表单 域属性以及可见性作为筛选条件 1. :first选择器 格式: 代码如下: $("select

jQuery中noConflict()用法实例分析

 这篇文章主要介绍了jQuery中noConflict()用法,实例分析了noConflict()的功能.定义及相关使用技巧,需要的朋友可以参考下     本文实例讲述了jQuery中noConflict()用法.分享给大家供大家参考.具体分析如下: jQuery默认使用"$"操作符,$ 符号只是 window.jQuery 对象的一个引用,jQuery.noConflict() ,这个函数将变量$的控制权让渡给第一个实现它的那个库.这有助于确保jQuery不会与其他库的$对象发生冲突

JQuery中serialize()用法实例分析

 这篇文章主要介绍了JQuery中serialize()用法,实例分析了serialize()方法的功能.定义及相关使用技巧,需要的朋友可以参考下     本文实例讲述了JQuery中serialize()用法.分享给大家供大家参考.具体分析如下: 一.serialize()定义和用法: serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象.你可以选择一个或多个表单元素(比如input或文本框),或者 form 元素本身.

jQuery元素选择器用法实例_jquery

本文实例讲述了jQuery元素选择器用法.分享给大家供大家参考.具体分析如下: 元素选择器根据元素名称匹配所有的元素. 实例代码: 复制代码 代码如下: $("div") 以上代码匹配所有的div元素. 实例代码: 复制代码 代码如下: <!DOCTYPE html>   <html>   <head>   <meta charset=" utf-8">   <meta name="author&quo