jQuery

<!DOCTYPE html>
<html>
　　<head>
　　　　<meta charset="utf-8" />
　　　　<title></title>
　　　　<style>
　　　　　　p{color: blueviolet;} /*直接引用进行编辑*/
　　　　　　.dy{color: bisque;} /*用class进行引用编辑注：class前面需要加. */
　　　　　　#de{background: royalblue;} /*用id进行引用编辑注：id前面需要加# */

　　　　</style>
　　　　<script src="js/jquery-3.7.1.js"></script>
　　<script>
　　　　　　/*
　　　　$(document).ready(function(){　　　　　　　　　　　　 //准备开始运行功能
　　　　var $q=$('button'); 　　　　　　　　　　　　　　　　 //对按钮进行简化，用最少的代码办最多的事
　　　　$q.html('钱世林憨憨') 　　　　　　　　　　　　　　 //将看按钮文字进行更改
　　　　.css('background','brown') 　　　　　　　　　　　　 //对该文本进行样式调整
　　　　.click(function(){ //对该按钮进行点击功能
　　　　alert('对，是的') //点击后所改变的文字
　　　　　　　　})
　　})
　　*/
　　　　$(document).ready(function(){ 　　　　　　　　　　　　 //准备开始运行功能
　　　　$('button').html('钱世林憨憨')　　　　　　　　　　　　 //将看按钮文字进行更改
　　　　$('button').css('background','chocolate')　　　　　　　　 //对该文本进行样式调整
　　　　$('button').click(function(){ 　　　　　　　　　　　　　　 //对该按钮进行点击功能
　　　　alert('对，是的') 　　　　　　　　　　　　　　　　　　 //点击后所改变的文字
　　　　})
　　}) 　　　　　　　　　　　　　　 //标题盒子　　　　　　　　 //文本盒子　　　　　　　　 //按钮盒子
　　</script>
　　</head>
　　<body>
　　　　<h1 class="dy">第一章</h1>
　　　　<p id="de">第一节</p>
　　　　<button>默认文本</button>
　　</body>
</html>

posted on 2024-10-14 15:15 蓯芯開矢阅读(45) 评论(0) 收藏举报