jquery 查询
jQuery 查询方法
jQuery 提供了多种方法来查询和操作 DOM 元素，以下是一些常用的查询方法：
基本选择器
使用 $() 或 jQuery() 函数可以通过 CSS 选择器查找元素：
// 通过 ID 选择元素
$("#elementId");
// 通过类名选择元素
$(".className");
// 通过标签名选择元素
$("div");
// 组合选择器
$("div.className");层次选择器
查找特定关系的元素：
// 子元素选择器
$("parent > child");
// 后代元素选择器
$("ancestor descendant");
// 相邻兄弟选择器
$("prev + next");
// 通用兄弟选择器
$("prev ~ siblings");过滤选择器
对结果集进行进一步筛选：
// 第一个元素
$("li:first");
// 最后一个元素
$("li:last");
// 偶数索引元素
$("tr:even");
// 奇数索引元素
$("tr:odd");
// 特定索引元素
$("li:eq(2)");
// 大于索引的元素
$("li:gt(2)");
// 小于索引的元素
$("li:lt(2)");
// 排除特定元素
$("li:not(.exclude)");属性选择器
根据属性值选择元素：
// 具有特定属性的元素
$("[attribute]");
// 属性等于特定值的元素
$("[attribute='value']");
// 属性值包含特定字符串的元素
$("[attribute*='value']");
// 属性值以特定字符串开头的元素
$("[attribute^='value']");
// 属性值以特定字符串结尾的元素
$("[attribute$='value']");表单选择器
专门用于表单元素的选择器：
// 所有输入元素
$(":input");
// 文本框
$(":text");
// 密码框
$(":password");
// 单选按钮
$(":radio");
// 复选框
$(":checkbox");
// 提交按钮
$(":submit");
// 重置按钮
$(":reset");
// 禁用元素
$(":disabled");
// 选中元素
$(":checked");
// 选中的选项
$(":selected");遍历方法
对查询结果进行进一步遍历和筛选：
// 查找后代元素
$("parent").find("child");
// 筛选元素
$("div").filter(".special");
// 获取父元素
$("child").parent();
// 获取所有祖先元素
$("child").parents();
// 获取子元素
$("parent").children();
// 获取兄弟元素
$("element").siblings();
// 获取下一个兄弟元素
$("element").next();
// 获取上一个兄弟元素
$("element").prev();链式操作
jQuery 支持链式调用，可以连续执行多个操作：
$("div").addClass("highlight").css("color", "red").fadeOut(1000);通过以上方法，可以灵活地查询和操作 DOM 元素。
