jq 遍历　each方法

1、选择器+遍历

$('div').each(function (i){

i就是索引值

this 表示获取遍历每一个dom对象

});

2、选择器+遍历

$('div').each(function (index,domEle){

index就是索引值

domEle 表示获取遍历每一个dom对象

});

3、更适用的遍历方法

1）先获取某个集合对象

2）遍历集合对象的每一个元素

var d=$("div");

$.each(d,function (index,domEle){

d是要遍历的集合

index就是索引值

domEle 表示获取遍历每一个dom对

});

案例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>属性选择器学习</title>

//使用jquery加载事件

$(document).ready(function (){

//<input id="btn0" type="button" value="利用jquery对象实现修改表单中可见的文本域的值 $('input[type=text]:enabled')" />

$("#btn0").click(function (){

//当点击按钮后，设置id=two的div的背景颜色是绿色

$("input[type=text]:enabled").each(function(index,domEle){

//domEle.value="xxxxx";

$(domEle).val("xxxxxxxx");

});

//<input id="btn1" type="button" value="利用jquery对象实现修改表单中不可修改的文本域的值 $('input[type=text]:disabled')" />

$("#btn1").click(function (){

//当点击按钮后，设置id=two的div的背景颜色是绿色

$("input[type=text]:disabled").each(function(index,domEle){

//domEle.value="xxxxx";

$(domEle).val("xxxxxxxx");

});

//<input id="btn2" type="button" value="利用jquery对象实现获取选中的复选框的个数 $('input[type=checkbox]:checked')" />

$("#btn2").click(function (){

//当点击按钮后，设置id=two的div的背景颜色是绿色

alert($("input[type=checkbox]:checked").length);

$("input[type=checkbox]:checked").each(function(index,domEle){

//alert(domEle.value);

//alert(this.value);

//alert($(this).val());

});

//<input id="btn3" type="button" value="利用jquery对象实现获取选中的下拉菜单的内容 $('select option:selected')" />

$("#btn3").click(function (){

//当点击按钮后，设置id=two的div的背景颜色是绿色

$("select option:selected").each(function(index,domEle){

//domEle.value="xxxxx";

alert($(domEle).text());

});

</script>

</head>

<body>

<input type="checkbox" value="美女" />美女

<input type="checkbox" value="美男" />美男

<input type="checkbox" value="大爷" />大爷

<input type="checkbox" value="大妈" />大妈

<br>

<input type="radio" value="男" />男

<input type="radio" value="女" />女

<br>

<option>PHP开发工程师</option>

<option>数据库管理员</option>

<option>系统分析师</option>

</select>

</select>

</form>

</div>

</body>

</html>

转载于:https://www.cnblogs.com/tongbiao/p/6821553.html

jq 遍历　each方法相关推荐

（ 285 =＞ 347）JQ的继承方法
JQ的继承方法使用方法: // jQuery.extend 将一个方法扩展到函数下面,叫扩展静态方法 // jQuery.fn.extend 将一个方法扩展到原型对象下面,扩展实例方法 jQuery ...
js循环/迭代/遍历有多少方法
js循环/迭代/遍历有多少方法 JavaScript中存在着很多循环的方法常见的有for,while,do while,for in等, ES5中的forEach, ES6的for of , jqu ...
js、jq遍历数组和对象
js遍历数组 1.普通for循环 var arr = [1,4,45,34,12,45,56,8]; for ( var i = 0; i <arr.length; i++){console.l ...
js循环appendChild与jq循环append方法遇到的问题
js循环appendChild与jq循环append方法遇到的问题我想循环往div中添加dom js代码 var doc = $("<div>测试</div>&qu ...
vue 循环遍历list_vue使用map代替Aarry数组循环遍历的方法
需求:根据主键id来找到对应的数组下标原本的方法是使用for循环遍历该数组,变量 i 就是下标,问题在于,如果有多重for循环,就会导致性能大大下降,数据也容易出错因此使用map,让数组(原本是l ...
窗体内元素遍历-通用方法（DevExpress 中BarManager的遍历）
窗体内元素遍历-通用方法(DevExpress 中BarManager的遍历) 需求:WinForm窗体中对于各个元素进行遍历设置. 本身因为程序绝大部分功能已经开发完毕,但是权限控制没有追加,在后续 ...
java ListMapString,Object遍历的方法
java List<Map<String,Object>遍历的方法 public class Test {public static void main(String[] args) ...
[react] 在react中遍历的方法有哪些？它们有什么区别呢？
[react] 在react中遍历的方法有哪些?它们有什么区别呢? 有React.Children.map和 React.Children.forEach这两个方法,他们的参数都是在组件中接受prop ...
集合框架(一) ----------Map集合遍历的方法
import java.util.*; /** * Map集合遍历的方法 * @author Administrator * */ public class Test2 { public static ...
php vo 遍历,thinkPHP简单遍历数组方法分析
thinkPHP简单遍历数组方法分析文章主要介绍了thinkPHP简单遍历数组方法,结合实例形式分析了thinkPHP使用volist标签遍历数组的`技巧,并对比分析了织梦cms的arclist标签 ...

jq 遍历　each方法

jq 遍历　each方法相关推荐

最新文章

热门文章

jq 遍历 each方法

jq 遍历 each方法相关推荐

最新文章

热门文章

jq 遍历　each方法

jq 遍历　each方法相关推荐