jquery 选择权
jQuery 选择器基础
jQuery 选择器用于选取 HTML 元素并对其进行操作。其语法类似于 CSS 选择器，通过 $() 或 jQuery() 函数调用。
常见选择器类型：
- 元素选择器：通过标签名选取元素，例如
$("p")选取所有<p>元素。 - ID 选择器：通过
id属性选取元素，例如$("#myId")选取id="myId"的元素。 - 类选择器：通过
class属性选取元素，例如$(".myClass")选取所有class="myClass"的元素。
组合选择器
可以通过组合选择器实现更精确的选取：
- 并集选择器：用逗号分隔多个选择器，例如
$("p, div")选取所有<p>和<div>元素。 - 交集选择器：无分隔符的组合，例如
$("p.myClass")选取class="myClass"的<p>元素。
层级选择器
通过层级关系选取元素：
- 后代选择器：空格分隔，例如
$("div p")选取<div>内所有<p>元素。 - 子元素选择器：
>分隔，例如$("div > p")仅选取<div>的直接子<p>元素。
属性选择器
通过属性值选取元素：
$("[href]")选取所有带href属性的元素。$("[href='example.com']")选取href属性值为example.com的元素。
表单选择器
专为表单元素设计的选择器：
$(":input")选取所有<input>、<textarea>、<select>和<button>元素。$(":checked")选取所有被选中的复选框或单选按钮。
筛选方法
通过方法进一步筛选已选取的元素：
$("p").first()选取第一个<p>元素。$("p").eq(2)选取索引为 2 的<p>元素（从 0 开始计数）。
示例代码
// 选取 class 为 "highlight" 的所有元素并隐藏
$(".highlight").hide();
// 选取 id 为 "submit" 的按钮并绑定点击事件
$("#submit").click(function() {
alert("Button clicked!");
});
// 选取所有 type 为 "text" 的 input 元素并设置值
$("input[type='text']").val("New Value");动态选择器
结合变量或动态内容生成选择器：
var dynamicId = "user-" + userId;
$("#" + dynamicId).addClass("active");通过灵活组合选择器和方法，可以高效操作 DOM 元素。
