jQuery是一種JavaScript庫(kù)，它可以讓你更簡(jiǎn)單、更高效地處理HTML文檔、事件處理、動(dòng)畫(huà)以及AJAX。
下面我們將介紹一個(gè)基于jQuery的實(shí)例項(xiàng)目，讓您可以更好地了解jQuery的用法和功能。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<h1>jQuery實(shí)例項(xiàng)目</h1>
<div id="content">
<p>這是一個(gè)段落。</p>
<p>這是另一個(gè)段落。</p>
<ul>
<li>第一項(xiàng)</li>
<li>第二項(xiàng)</li>
<li>第三項(xiàng)</li>
</ul>
</div>
<button id="hide">隱藏段落</button>
<button id="show">顯示段落</button>
<script>
$(document).ready(function(){
$("#hide").click(function(){
$("#content").hide();
});
$("#show").click(function(){
$("#content").show();
});
});
</script>
</body>
</html>如上代碼所示，我們創(chuàng)建了一個(gè)包含多個(gè)段落和列表的HTML文檔，并添加了兩個(gè)按鈕。當(dāng)我們點(diǎn)擊“隱藏段落”按鈕時(shí)，jQuery會(huì)隱藏所有段落。當(dāng)我們點(diǎn)擊“顯示段落”按鈕時(shí)，jQuery會(huì)將所有段落顯示出來(lái)。
通過(guò)實(shí)例項(xiàng)目，我們可以看到j(luò)Query的強(qiáng)大功能和簡(jiǎn)潔易用的語(yǔ)法。希望這個(gè)例子能幫助您更好地學(xué)習(xí)和掌握jQuery。