<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.size{
width: 20px;
height: 20px;
}
</style>
</head>
<body>
<div id="myform">
<input class="nihao" type="checkbox" value="1">
<input type="checkbox" value="2">
<input type="checkbox" value="3">
<input type="checkbox" value="4">
</div>
<button onclick="setStyle()">点击改变样式</button>
<script src="../jq/jquery-1.11.3.js"></script>
<script>
function setStyle() {
let input = $("input[type='checkbox']:checked")
// console.log($("input[type='checkbox']:checked").val())
// for(let i=0;i<input.length;i++){}
input.each(function (i,item) {
// if(i==1){
// return false
// }
// 在jq提供的each循环里面 如果需要跳出循环 使用 return false
console.log(i)//这里的参数是下标
console.log(item) //使我们的循环的节点对象
$(this)// 在jq提供的each方法里 如果想得到jq对象 那么可以$(this)的方法获取
console.log($(this).val())
$(item) //获得要循环的input的单个jq对象
})
/*$.each()*/
/* $.each(input,function (i,item) {
console.log(i)//循环的下标
console.log(item)//节点对象
console.log($(this).val())
console.log($(item).val())
})*/
// var a = [1,2,3]
// var input1 = document.getElementsByTagName("input")
// a.forEach(function (item,i) {
// // 在forEach里面不能打断循环
// console.log(item)//数组每一项
// console.log(i)//数组每一项所对应的下标
// })
/*input1.forEach(function (item,i) { // forEach 不是一个function
console.log(item)
console.log(i)
})*/
var enemyArr = [1,2,3,34]
var bullteArr = [2323,323,43,34]
/* for(let i){
for(let j){
enemyArr[i]
bulletArr[j]
}
}*/
/* enemyArr.forEach(function (enemyItem) {
bulletArr.forEach(function (bullteItem) {
})
})*/
// ========================改变样式============
// input.css({
// width:"20px",
// height:"20px"
// })
// input给这个jq对象设置一个class属性 值是size
console.log(input.attr("class"))
input.attr("class","size")
input.attr({
class:"size",
dataType:"nihao"
})
}
</script>
</body>
</html>
JQ循环 写法
猜你喜欢
转载自blog.csdn.net/weixin_43453916/article/details/84877331
今日推荐
周排行