jQuery選擇器是使用jQuery庫操作文檔對象模型(DOM)的重要方式之一。通過選擇元素,可以方便地操控和修改DOM元素。
在jQuery中,主要有三種選擇器:ID選擇器、類選擇器和元素選擇器。
// ID選擇器 $("#myId"); // 類選擇器 $(".myClass"); // 元素選擇器 $("div");
除了這三種基本選擇器外,還有許多其他選擇器可以使用。
屬性選擇器
// 選擇屬性為title,值為“Hello”的元素 $("[title='Hello']"); // 選擇屬性為title,值包含“world”的元素 $("[title*='world']");
過濾選擇器
// 選擇第一個匹配的元素 $("div:first"); // 選擇偶數位置的元素 $("div:even");
子元素選擇器
// 選擇所有子元素p的元素 $("div >p"); // 選擇緊隨div元素后面的p元素 $("div + p");
多元素選擇器
// 選擇所有div和p元素 $("div, p"); // 所有ul和ol的子元素li元素 $("ul, ol").children("li");
總之,jQuery選擇器是一種靈活、強大的工具,可以幫助開發者更加高效地操作DOM元素。