each方法

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Vivian_shuang/article/details/51995246

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script src="js/jquery-2.1.3.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">

// each()方法

$(document).ready(function(){

// html()方法返回被选元素的内容是只返回匹配的第一个元素的内容

// text()方法返回所有匹配的元素的内容

// $("button").click(function(){

// alert($("p").text());

// })

$("button").click(function(){

// alert($("p").html());

// for循环来遍历所有的p元素,方法使用html()

// for (var i = 0;i < $("p").length;i++) {

// alert($("p").eq(i).html());

// }

// 通过each()方法 为每个匹配元素规定运行的函数,index选择器匹配的下标,elem是当前元素(因为是当前元素,所以也可以使用this)

// $("p").each(function(index,elem){

/// alert($(elem).html());

// })

$("p").each(function(){

alert($(this).html());

})

})

})

</script>

</head>

<body>

<button>Change xontent of all p elements</button>

<p>这是para1</p>

<p>这是para2</p>

</body>

</html>

展开阅读全文

没有更多推荐了,返回首页