jquery标签
jQuery 标签选择器
jQuery 提供了多种选择器来选取 HTML 标签元素，以下是常用的标签选择方法：
基本标签选择器
使用标签名称直接选取元素，语法为 $("标签名")。例如选取所有 <p> 标签：
$("p").css("color", "red");ID 选择器
通过元素的 id 属性选取，语法为 $("#id")。例如选取 id="header" 的元素：
$("#header").hide();类选择器
通过元素的 class 属性选取，语法为 $(".class")。例如选取所有 class="menu" 的元素：
$(".menu").addClass("active");组合选择器
多标签选择
用逗号分隔多个标签名，同时选取多种元素。例如选取所有 <h1> 和 <p> 标签：
$("h1, p").fadeOut();层级选择器
通过空格表示层级关系。例如选取 <div> 内的所有 <span> 标签：
$("div span").toggle();属性选择器
基础属性选择
通过 [attribute] 语法选取带有指定属性的元素。例如选取所有带 href 属性的 <a> 标签：
$("a[href]").css("font-weight", "bold");属性值匹配
精确匹配属性值。例如选取 target="_blank" 的链接：
$("a[target='_blank']").attr("rel", "noopener");过滤器
首尾元素
选取第一个或最后一个匹配元素。例如选取第一个 <li>：
$("li:first").addClass("highlight");奇偶行
通过 :even 和 :odd 过滤。例如为表格奇偶行设置不同颜色：
$("tr:even").css("background", "#eee");
$("tr:odd").css("background", "#fff");表单相关选择器
输入元素 选取特定类型的表单元素。例如所有文本输入框：
$(":text").val("Default");选中状态 选取被选中的复选框或单选按钮：
$(":checked").parent().addClass("selected");动态操作
事件绑定 为标签绑定事件处理器。例如按钮点击事件：
$("button").click(function() {
alert("Button clicked!");
});内容修改
动态更新标签内容。例如修改 <div> 的 HTML：
$("div").html("<p>New content</p>");DOM 遍历方法
查找子元素
在选定元素内进一步查找。例如在 <ul> 中查找 <li>：
$("ul").find("li").css("color", "blue");父元素选择
向上遍历 DOM 树。例如选择 <span> 的父级 <div>：
$("span").parent("div").addClass("container");链式调用
jQuery 支持链式调用多个方法。例如同时修改样式和绑定事件：
$("p")
.css("color", "green")
.click(function() {
$(this).hide();
});
