<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="./jquery-1.12.4.min.js"></script>
<script>
$(function(){
//有5个li标签
var $lis = $('.list li');
//弹出5
// alert($lis.length);
$lis.each(function(index,elem){
//每一个 query的li标签的对象
console.log($(this));
console.log(index);
//系统自带的参数,是js原生标签对象
console.log(elem);
$(elem).css({"color":"red"});
})
//在js里面循环的结构
// for(var index=0;index<$lis.length;index++){
// var element = $lis.eq(index);
// //每一个query的li标签的对象
// console.log(element);
// }
})
</script>
</head>
<body>
<ul class="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</body>
</html>
jquery的循环
最新推荐文章于 2021-02-23 15:03:28 发布