jquery获取对象

jQuery 获取对象的方法

jQuery 提供了多种方法来获取 DOM 对象或元素集合，以下是常见的方法：

通过 ID 选择器

使用 #id 选择器获取具有特定 ID 的元素：

$("#elementId")

通过类选择器

使用 .className 选择器获取具有特定类的元素集合：

$(".className")

通过标签名选择器

使用标签名获取所有匹配的元素集合：

$("div")

通过属性选择器

获取具有特定属性的元素：

$("[attributeName]")

获取属性值等于特定值的元素：

$("[attributeName='value']")

通过组合选择器

组合多个选择器获取更精确的元素：

$("div.className")
$("#parentId .childClass")

通过表单选择器

获取表单元素：

$(":input")      // 所有输入元素
$(":text")       // 所有文本输入框
$(":checkbox")   // 所有复选框
$(":radio")      // 所有单选按钮

通过层级选择器

获取子元素或后代元素：

$("#parent > .child")  // 直接子元素
$("#parent .descendant") // 所有后代元素

通过过滤选择器

对结果集进行进一步筛选：

$("div:first")    // 第一个 div 元素
$("div:last")     // 最后一个 div 元素
$("div:eq(2)")    // 索引为 2 的 div 元素
$("div:even")     // 偶数索引的 div 元素
$("div:odd")      // 奇数索引的 div 元素

通过内容过滤

根据元素内容过滤：

$("div:contains('text')")  // 包含特定文本的 div 元素
$("div:empty")             // 空的 div 元素
$("div:has(p)")            // 包含 p 元素的 div 元素

通过可见性过滤

根据元素的可见性过滤：

$("div:visible")  // 可见的 div 元素
$("div:hidden")   // 隐藏的 div 元素

通过 DOM 对象转换

将 DOM 对象转换为 jQuery 对象：

$(document.getElementById("elementId"))

通过 jQuery 对象转换

将 jQuery 对象转换为 DOM 对象：

$("#elementId")[0]  // 或
$("#elementId").get(0)

注意事项

• jQuery 选择器返回的是一个 jQuery 对象，而不是直接的 DOM 对象。
• 可以通过索引或 .get() 方法将 jQuery 对象转换为 DOM 对象。
• 选择器的性能因复杂度而异，应尽量使用简单的选择器以提高性能。