HTML結(jié)構(gòu)和jQuery是現(xiàn)代網(wǎng)頁開發(fā)不可或缺的兩個(gè)組成部分。HTML提供了網(wǎng)頁的基本結(jié)構(gòu)，而jQuery為網(wǎng)頁提供了動(dòng)態(tài)交互和豐富的效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML和jQuery示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1>HTML和jQuery示例</h1>
<p>這是一段HTML文本。</p>
<div id="myDiv">這是一個(gè)div元素。</div>
<script>
$(function() {
$('#myDiv').click(function() {
$(this).text('你點(diǎn)擊了這個(gè)div元素！');
});
});
</script>
</body>
</html>上面是一個(gè)簡單的HTML和jQuery結(jié)合的示例。在head標(biāo)簽中使用了meta標(biāo)簽來指定文檔編碼格式，使用title標(biāo)簽來設(shè)置網(wǎng)頁標(biāo)題。同時(shí)，在head標(biāo)簽中引用了jQuery庫。在body標(biāo)簽內(nèi)部，使用了h1標(biāo)簽和p標(biāo)簽來定義頁面標(biāo)題和文本內(nèi)容。另外，還定義了一個(gè)id為myDiv的div元素。
在script標(biāo)簽中，使用了jQuery的click()方法來綁定myDiv元素的點(diǎn)擊事件。當(dāng)用戶點(diǎn)擊該元素時(shí)，執(zhí)行函數(shù)將元素的文本內(nèi)容改為“你點(diǎn)擊了這個(gè)div元素！”。這個(gè)示例展示了如何使用jQuery來實(shí)現(xiàn)動(dòng)態(tài)效果。它可以讓網(wǎng)頁更加生動(dòng)有趣。