<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta charset="UTF-8">
<meta charset="UTF-8">
<meta charset="UTF-8">
< ;title>遍歷jquery物件</title>
<script src="../jquery-3.3.1.1.js"></script>
<script>
#( $( "button").click(function () {
//$("li").css("color","red");
//上面這行中註釋的程式碼使用函數使用函數已註釋的程式碼，使用函數已註解可以完成更多功能。
$("li").each(function (i) {
$(this).css("color","red").html(i "---" "www.php.cn");
});
})
</script>
</head>
<body> ;button type="button" name="button">請點變色</button>
<ul>
<li>PHP中文網01</li< ;PHP中文網02</li>
<li>PHP中文網03</li>
<li>¢PHP.904</li> ;/li>
</ul>
</body>
</html>
你js程式碼寫在<body>上面要需要加入入口函數的
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF -8">
<title>遍歷jquery物件</title>
</head>
<body>
##<body>##<body>
##<body># <button type="button" name="button">請點變色</button><ul><li>PHP中文網01</li> ;<li>PHP中文網02</li><li>PHP中文網03</li><li>PHP中文網03</li><li>PHP中文網04</li><li>PHP中文網05</li></ul>#</body><script src="https://code.jquery.com/jquery-3.2.1.min.js"></script><script> $("button").click(function () {//上面這行已註解的程式碼，使用this函數可以完成更多功能。$("li") .each(function (i) {
###});######})######</script>######</html>############$(this).css("color","red").html(i+"---"+"www.php.cn");