本文通过一段示例代码展示了如何利用jQuery快速修改HTML页面中多个<p>标签的样式，并实现跳转功能。代码中首先选中所有<p>标签并统一调整字体大小、颜色及对齐方式，接着对特定ID的<p>标签应用了额外的样式，最后实现了页面跳转。
1.完成某些事情后发出请求的原始方法
2.代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素选择器（标签选择器）</title>
<script src="../js/jquery-3.2.1.js"></script>
<script>
$(function(){
$("p").css("font-size","30px");
$("p").css("color","red");
$("p").css("text-align","center");
//拿到 p 标签对象中 id为 p2的对象内容
$("p#p2").css("color","greenyellow");//重新设置样式
window.location.href="https://www.baidu.com/"; //在原来的页面打开
window.open("http://www.w3school.com.cn")//在新的页面打开
window.location.back(-1);//表示返回到上一个页面
});
</script>
</head>
<body>
<p>因为有你</p>
<p id="p2">世界更精彩</p>
<p>明天会更好</p>
</body>
</html>
扫一扫
282
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
