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