jquery获取dom对象

jQuery 获取 DOM 对象的方法

使用 jQuery 获取 DOM 对象有多种方式，主要通过选择器实现。以下是常见的方法：

通过 ID 选择器获取

var element = $('#elementId');

通过类选择器获取

var elements = $('.className');

通过标签名获取

var elements = $('div');

通过属性选择器获取

var elements = $('[name="username"]');

通过复合选择器获取

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

通过表单元素选择器获取

var inputs = $(':input');
var textboxes = $(':text');

通过层级选择器获取

var children = $('#parent > .child');

通过过滤选择器获取

var firstDiv = $('div:first');
var lastDiv = $('div:last');

通过内容过滤选择器获取

var containsText = $('div:contains("some text")');

通过可见性过滤选择器获取

var visibleElements = $('div:visible');
var hiddenElements = $('div:hidden');

通过索引选择器获取

var thirdElement = $('li:eq(2)');

通过表单状态选择器获取

var checkedBoxes = $(':checked');
var selectedOptions = $(':selected');

获取原生 DOM 对象

var domElement = $('#elementId')[0];
// 或
var domElement = $('#elementId').get(0);

遍历获取的 DOM 元素集合

$('.items').each(function(index, element) {
    // element 是原生 DOM 元素
    // $(this) 是 jQuery 对象
});

通过 find 方法查找子元素

var childElements = $('#parent').find('.child');

通过 closest 方法查找最近的匹配祖先

var closestParent = $('.child').closest('.parent');

通过 siblings 方法获取兄弟元素

var siblings = $('.item').siblings();

通过 parent 方法获取父元素

var parent = $('.child').parent();

通过 children 方法获取子元素

var children = $('#parent').children();

通过 next 和 prev 方法获取相邻元素

var nextElement = $('.item').next();
var prevElement = $('.item').prev();

通过 filter 方法过滤元素集合

var filtered = $('div').filter('.special');

通过 not 方法排除元素

var notSpecial = $('div').not('.special');