jQuery是一種快速、簡潔的JavaScript框架,使用選擇器來選擇要操作的HTML元素是jQuery的常見操作。jQuery選擇器可以根據一定的規則來查找DOM元素,從而進行相應的操作。下面我們來介紹一下jQuery選擇器的類型:
1. 基本選擇器 該選擇器基于元素名稱、ID或類等屬性來查找HTML元素。比如,通過元素名稱來查找: $("button") //查找所有<button>元素 通過ID來查找: $("#myButton") //查找ID為“myButton”的元素 通過類名來查找: $(".myClass") //查找類名為“myClass”的元素 2. 層級選擇器 該選擇器可以選擇元素的父元素、子元素、兄弟元素等。比如: $("ul li") //選擇所有<ul>元素下的<li>元素 $("ul > li") //選擇在<ul>元素下的直接子級<li>元素 $("li:first-child") //選擇每個<ul>元素下第一個(第一個子元素)<li>元素 $("li:last-child") //選擇每個<ul>元素下最后一個(最后一個子元素)<li>元素 $("li:eq(3)") //選擇每個<ul>元素下的第4個<li>元素 3. 過濾選擇器 該選擇器根據選定的元素集合,從中取出一部分元素。比如: $(":checked") //選擇所有選中的checkbox $rst(":even") //選擇偶數項 $rst(":odd") //選擇奇數項 $rst(":contains('text')") //選擇所有包含文本“text”的元素 4. 屬性選擇器 該選擇器可以根據HTML元素的屬性來選擇元素。比如,根據class屬性來查找元素: $("[class]") //選擇所有包含class屬性的元素 $("[class='myClass']") //選擇class屬性為“myClass”的元素 5. 表單選擇器 該選擇器選擇表單元素中的一部分元素,如input、radio、checkbox等。比如: $(":input") //選擇所有表單元素 $(":text") //選擇所有文本框 $(":radio") //選擇所有單選框 $(":checked") //選擇所有選中的復選框或單選框