扫码关注官方订阅号
知识，成就梦想！
你js代码写在<body>上面需要需要添加入口函数的
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>遍历jquery对象</title>
</head>
<body>
<button type="button" name="button">请点变色</button>
<ul>
<li>PHP中文网01</li>
<li>PHP中文网02</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) {
$(this).css("color","red").html(i+"---"+"www.php.cn");
});
})
</script>
</html>
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
5
2155
收藏
你js代码写在<body>上面需要需要添加入口函数的
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>遍历jquery对象</title>
</head>
<body>
<button type="button" name="button">请点变色</button>
<ul>
<li>PHP中文网01</li>
<li>PHP中文网02</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) {
$(this).css("color","red").html(i+"---"+"www.php.cn");
});
})
</script>
</html>