jquery操作对象数组元素方法详解
代码如下:
<div id="div1"> <span>a</span> <span>b</span> <span>c</span> </div>
1.错误方式:不能用[]方式取jquery对象数组,如下:
$(function() {
var div_span = $("#div1 span");
for( var i = 0; i < div_span.length; i++ ) {
div_span.[i].html(i);
}
});
这样无效.
2.可以用jquery的eq()方法来选择:
for( var i = 0; i < div_span.length; i++ ) {
div_span.eq(i).html(i);
}
3.可以用each()方法来遍历:
$(function() {
var div_span = $("#div1 span");
var i = 0;
div_span.each( function(){
$(this).html(i);
i++;
});
});
each()遍历的时候,如果用$(this)得到的是jquery对象,如果直接用this,得到的是DOM对象
4.纯js代码获取的DOM对象数组,可以用[]的方式获取数组元素
后面3种是正确的方法，第一种是错误的，把他放在第一个，是因为要强调下，以后不能再犯同样的错误了，小伙伴们可要看仔细哈。
-
本文向大家介绍javascript jquery对form元素的常见操作详解，包括了javascript jquery对form元素的常见操作详解的使用技巧和注意事项，需要的朋友参考一下 1.下拉框 select : 移除option 添加option 取得下拉选单的选取值 根据option的值选中下拉框 select下拉框的第二个元素为当前选中值 2,单选框 radio : radio单选组的第
-
本文向大家介绍Jquery搜索父元素操作方法，包括了Jquery搜索父元素操作方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Jquery搜索父元素操作方法。分享给大家供大家参考。具体分析如下： 1. parents()方法 格式: 用于获取当前匹配元素集合中每个元素的祖先元素，根据需要还可以使用一个选择器进行筛选。 如： 2. cloest方法 格式: 该方法从元素本身开始，逐级向上
-
本文向大家介绍js array数组对象操作方法汇总，包括了js array数组对象操作方法汇总的使用技巧和注意事项，需要的朋友参考一下 js 数组对象操作方法如下： 1. 创建数组 2.遍历数组 for循环 和for...in 循环 3. concat() 连接两个或以上的数组，返回的是一个新数组,不影响原数组 (concat 合并多个数组（加的是数组中的元素），也可跟元素合并) 4.push()
-
本文向大家介绍jQuery操作元素css样式的三种方法，包括了jQuery操作元素css样式的三种方法的使用技巧和注意事项，需要的朋友参考一下 我们常常要使用Javascript来改变页面元素的样式。其中一种办法是改变页面元素的CSS类(Class)，这在传统的Javascript里，我们通常是通过处理HTML Dom的classname特性来实现的；而jQuery里提供三种方法来实现这个功能，虽
-
本文向大家介绍基于js对象,操作属性、方法详解，包括了基于js对象,操作属性、方法详解的使用技巧和注意事项，需要的朋友参考一下 一，概述 在Java语言中，我们可以定义自己的类，并根据这些类创建对象来使用，在Javascript中，我们也可以定义自己的类，例如定义User类、Hashtable类等等。 目前在Javascript中，已经存在一些标准的类，例如Date、Array、RegExp、St
-
本文向大家介绍js中数组插入、删除元素操作的方法，包括了js中数组插入、删除元素操作的方法的使用技巧和注意事项，需要的朋友参考一下 实例如下： 通过上面的函数，可以处理上移和下移的动作 定义和用法 splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 注释：该方法会改变原始数组。 语法 参数 描述 index 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置