<!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>