当前位置：首页 > jquery

jquery获取对象

2026-04-07 23:59:56jquery

jQuery 提供了多种方式来获取 DOM 对象，以下是常见的几种方法：

通过 ID 选择器获取对象
使用 # 符号加上元素的 ID 名称，可以获取具有特定 ID 的元素：

var element = $('#elementId');

通过类选择器获取对象
使用 . 符号加上元素的类名，可以获取所有具有该类的元素：

var elements = $('.className');

通过标签名获取对象
直接使用标签名称可以获取所有匹配的标签元素：

var elements = $('div');

通过属性选择器获取对象
使用 [attribute] 语法可以获取具有特定属性的元素：

var elements = $('[data-attribute]');

通过组合选择器获取对象
可以组合多个选择器来精确获取对象：

var elements = $('div.className#elementId');

通过表单选择器获取对象
jQuery 提供了专门用于表单元素的选择器：

var input = $(':input'); // 获取所有 input 元素
var checked = $(':checked'); // 获取所有被选中的复选框或单选按钮

通过层级选择器获取对象
使用层级关系（如父子、兄弟）可以获取特定层级的元素：

var children = $('parent > child'); // 获取父元素下的直接子元素
var descendants = $('ancestor descendant'); // 获取祖先元素下的所有后代元素

通过过滤选择器获取对象
使用过滤方法可以进一步筛选匹配的元素：

var firstElement = $('li:first'); // 获取第一个 li 元素
var lastElement = $('li:last'); // 获取最后一个 li 元素

通过内容过滤获取对象
可以根据元素的内容来获取对象：

var containsText = $('div:contains("text")'); // 获取包含特定文本的 div 元素

通过可见性过滤获取对象
可以获取可见或隐藏的元素：

jquery获取对象

var visibleElements = $('div:visible'); // 获取所有可见的 div 元素
var hiddenElements = $('div:hidden'); // 获取所有隐藏的 div 元素

jQuery 返回的是一个 jQuery 对象集合，即使只有一个元素匹配。
如果需要操作原生 DOM 对象，可以通过索引或 .get() 方法获取：
```
var domElement = $('#elementId')[0]; // 或 $('#elementId').get(0);
```
选择器的性能会影响页面渲染速度，应尽量使用高效的选择器（如 ID 选择器）。