HTML是網(wǎng)頁開發(fā)的基石，而jquery則是其中一種強(qiáng)大的JavaScript框架。使用jquery可以輕松實(shí)現(xiàn)許多復(fù)雜的交互動(dòng)畫效果。今天，我們就來學(xué)習(xí)一下在HTML中如何調(diào)用jquery函數(shù)。
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>點(diǎn)擊此處將會(huì)消失</p>
</body>
</html>在上面的代碼中，我們首先引入了jquery庫。然后，我們通過document對象的ready()方法來確保DOM已經(jīng)加載完畢，接著我們又使用click()方法來為p標(biāo)簽添加一個(gè)點(diǎn)擊事件處理程序。當(dāng)用戶點(diǎn)擊p標(biāo)簽時(shí)，jquery庫就會(huì)將this隱藏起來，即當(dāng)前被點(diǎn)擊的p標(biāo)簽。
上面的操作只是jquery功能的冰山一角。使用jquery還可以執(zhí)行復(fù)雜的動(dòng)態(tài)效果，ajax異步請求，響應(yīng)用戶的鼠標(biāo)移動(dòng)、鍵盤事件等等。因此，我們需要熟練掌握使用jquery的方法，才能讓我們的網(wǎng)頁更加生動(dòng)、交互性更強(qiáng)。