摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery基礎(chǔ)語法</title> <script src=&qu
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery基礎(chǔ)語法</title>
<script src="js/jquery-3.3.1.min.js"></script>
<style>
.box{
width: 300px;
height: 300px;
background-color: lightyellow;
}
</style>
</head>
<body>
<div class="box"></div>
<button class="show">顯示</button>
<button id="hide">隱藏</button>
<script>
/**
* jQuery 使用 CSS 選擇器來選取 HTML 元素。
* $("p") 選取 <p> 元素。
* $("p.intro") 選取所有 class="intro" 的 <p> 元素。
* $("p#demo") 選取所有 id="demo" 的 <p> 元素。
* $("[href]") 選取所有帶有 href 屬性的元素。
* $("[href='#']") 選取所有帶有 href 值等于 "#" 的元素。
* $("[href!='#']") 選取所有帶有 href 值不等于 "#" 的元素。
* $("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結(jié)尾的元素。
*/
/**
* jQuery CSS 選擇器可用于改變 HTML 元素的 CSS 屬性。
* $("p").css("background-color","red");
*/
$ (document).ready(function () {
$ ('.show').click(function () {
$('.box').show();
});
$ ('#hide').click(function () {
$('.box').hide();
});
});
</script>
</body>
</html>
演示地址 -> http://47.107.64.136/jQuery/1/
批改老師：查無此人批改時(shí)間：2019-01-17 09:06:38
老師總結(jié)：不錯(cuò)呀，還有自己的服務(wù)器。作業(yè)寫的很好，基礎(chǔ)扎實(shí)，繼續(xù)加油。