jQuery 是一套 JavaScript 工具庫(kù),它可簡(jiǎn)化 HTML 文檔遍歷、動(dòng)畫設(shè)計(jì)、事件處理和 Ajax 交互。其中一個(gè)強(qiáng)大的特性就是選擇元素,本文主要介紹如何選擇 h3 標(biāo)簽。
$(document).ready(function(){ // 選擇所有的 h3 標(biāo)簽 var h3Tags = $("h3"); // 選擇 id 為 container 的 div 元素內(nèi)的 h3 標(biāo)簽 var h3InContainer = $("#container h3"); // 選擇 class 為 article 的 div 元素內(nèi)第一個(gè) h3 標(biāo)簽 var firstH3InArticle = $("div.article").find("h3:first"); });
在代碼中,我們使用了三種方式來選擇 h3 標(biāo)簽:
- 選擇所有的 h3 標(biāo)簽:使用了
$("h3")
這個(gè)表達(dá)式,它會(huì)選中所有的 h3 元素。 - 選擇 id 為 container 的 div 元素內(nèi)的 h3 標(biāo)簽:使用了
$("#container h3")
這個(gè)表達(dá)式,它會(huì)選中 id 為 container 的 div 元素內(nèi)的所有 h3 元素。 - 選擇 class 為 article 的 div 元素內(nèi)第一個(gè) h3 標(biāo)簽:使用了
$("div.article").find("h3:first")
這個(gè)表達(dá)式,它會(huì)在 class 為 article 的 div 元素內(nèi)尋找第一個(gè) h3 元素。
通過這三種方式,我們可以輕松地選擇和操作 h3 標(biāo)簽。