web_day12_jQuery的遍历

最新推荐文章于 2022-10-11 22:09:42 发布

冰蓝心灵

最新推荐文章于 2022-10-11 22:09:42 发布

阅读量111

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_35537301/article/details/83065714

版权

jQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1、jQuery的遍历

1.1 第一种方式(只能遍历jQuery对象)

jquery对象.each(function(){
	//this       js对象
})

jquery对象.each(function(index,ele){
	//ele        js对象
})

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>遍历</title>

 <script src="../js/jquery-1.11.0.min.js"></script>
 <script type="text/javascript">
 	$(function(){
 		$("#b1").click(function(){
 			//方式1:
 			$("input:hidden").each(function(){
   				alert(this.value);
   				alert($(this).val());
 			})
 			//方式2:
 			$("input:hidden").each(function(index,ele){
   				alert(index+"           "+ele.value);
 			})
 		});
 	});
 </script>
</head>
<body>
  

  <input type="button" value=" 选取所有的文本隐藏域, 并打印它们的值"  id="b1"/>
  <input type="button" value=" 选取所有的文本隐藏域, 并打印它们的值"  id="b2"/>
  <br /><br />
  
  <!--文本隐藏域-->
 <input type="hidden" value="hidden_1">
 <input type="hidden" value="hidden_2">
 <input type="hidden" value="hidden_3">
 <input type="hidden" value="hidden_4">
  
</body>
</html>

1.2 第二种方式(更强大,可以遍历任何)

$.each(jquery对象,function(){
	//this       js对象
})

$.each(jquery对象,function(index,ele){
	//ele        js对象
})

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>遍历</title>

 <script src="../js/jquery-1.11.0.min.js"></script>
 <script type="text/javascript">
 	$(function(){
 		
 		$("#b2").click(function(){
 			//方式1:
 			$.each($("input:hidden"), function() {
   				alert(this.value);
   				alert($(this).value);
 			});
 			
 			//方式2
 			$.each($("input:hidden"), function(index,ele) {
 				alert(index+"    "+ele.value);
 			});
 		});
 	});
 </script>
</head>
<body>
  

  <input type="button" value=" 选取所有的文本隐藏域, 并打印它们的值"  id="b1"/>
  <input type="button" value=" 选取所有的文本隐藏域, 并打印它们的值"  id="b2"/>
  <br /><br />
  
  <!--文本隐藏域-->
 <input type="hidden" value="hidden_1">
 <input type="hidden" value="hidden_2">
 <input type="hidden" value="hidden_3">
 <input type="hidden" value="hidden_4">
  
</body>
</html>

冰蓝心灵

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web_day12_jQuery的遍历

1、jQuery的遍历1.1 第一种方式(只能遍历jQuery对象)jquery对象.each(function(){ //this js对象})jquery对象.each(function(index,ele){ //ele js对象})&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran...
复制链接

扫一扫

专栏目录