12.jquery遍历
<head>
<meta charset="UTF-8">
<title>6jquery遍历</title>
</head>
<body>
<form id="form1">
<input type="button" value="修改">
<input type="button" value="取消">
<input type="button" value="返回">
</form>
<hr>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<div class="btn">
<input type="button" value="修改所有li的样式">
<input type="button" value="修改所有li的样式和内容">
</div>
<div id="show"></div>
</body>
<script src="js/jquery-1.8.3.js"></script>
<script>
/*修改所有li的样式*/
$(".btn :button:eq(0)").on("click",function () {
$("ul li").css("color","red");
})
$(".btn :button:eq(1)").on("click",function () {
$("ul li").css("color","red").html("apple");
})
/*不循环绑定整个数组*/
var $inputs = $("#form1 input");
$inputs.on("click",function () {
/*alert("想不到吧整个数组");*/
$("#show").html("想不到吧，这样也行:"+this.value);
})
/*each循环*/
/*var $inputs = $("input");
$inputs.each(function () {
/!*写法1*!/
/!*this.onclick=function () {
}*!/
/!*写法2*!/
/!*$(this).on("click",function () {
})*!/
var fn;
switch (this.value) {
case "修改":
fn = function () {
$("#show").html("修改");
}
break;
case "取消":
fn = function () {
$("#show").html("取消");
}
break;
case "返回":
fn = function () {
$("#show").html("返回");
}
break;
}
$(this).on("click",fn);
})*/
</script>
版权声明：本文为wgbl原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。