jquery 选中
jQuery 选中元素的方法
使用 jQuery 选中元素主要通过选择器实现,类似于 CSS 选择器。以下是一些常见的选中元素的方法:
基本选择器
$("tagName"):选中指定标签名的元素,例如$("div")选中所有<div>元素。$("#id"):选中指定 ID 的元素,例如$("#header")选中 ID 为header的元素。$(".className"):选中指定类名的元素,例如$(".menu")选中所有类名为menu的元素。
层级选择器

$("parent > child"):选中直接子元素,例如$("ul > li")选中<ul>下的直接<li>子元素。$("ancestor descendant"):选中后代元素,例如$("div p")选中<div>内所有<p>元素。
属性选择器
$("[attribute]"):选中包含指定属性的元素,例如$("[href]")选中所有带有href属性的元素。$("[attribute='value']"):选中属性值等于指定值的元素,例如$("[type='text']")选中所有type为text的元素。
表单选择器

$(":input"):选中所有表单元素(<input>,<select>,<textarea>,<button>)。$(":text"):选中所有type="text"的<input>元素。$(":checked"):选中所有被选中的复选框或单选按钮。
jQuery 选中元素的示例代码
// 选中所有段落元素并设置红色文本
$("p").css("color", "red");
// 选中 ID 为 "myDiv" 的元素并隐藏
$("#myDiv").hide();
// 选中类名为 "highlight" 的元素并添加边框
$(".highlight").css("border", "1px solid black");
// 选中所有复选框并禁用
$(":checkbox").prop("disabled", true);
链式操作
jQuery 支持链式操作,可以在选中元素后连续调用多个方法:
$("#myButton")
.css("background", "yellow")
.attr("disabled", "disabled")
.text("Click me!");
筛选选中元素
选中一组元素后,可以通过筛选方法进一步缩小范围:
$("li").first():选中第一个<li>元素。$("div").last():选中最后一个<div>元素。$("p").eq(2):选中索引为 2 的<p>元素(从 0 开始计数)。$("input").not(":checked"):选中所有未选中的<input>元素。
遍历选中元素
使用 .each() 方法遍历选中的元素:
$("li").each(function(index) {
console.log(index + ": " + $(this).text());
});






