jquery获取对象

获取DOM对象的方法

在jQuery中，可以通过多种方式获取DOM对象，主要使用$()函数或jQuery()函数。以下是常见的方法：

通过ID选择器获取

var element = $('#elementId');

通过类选择器获取

var elements = $('.className');

通过标签名获取

var tags = $('div');

通过属性选择器获取

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

通过组合选择器获取

var comboElements = $('div.container > p');

获取DOM对象后转换为原生对象

jQuery对象是包装过的对象，如果需要使用原生DOM方法，可以转换：

获取第一个匹配元素的DOM对象

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

获取所有匹配元素的DOM对象数组

var domElements = $('.className').get();

遍历jQuery对象

使用each方法遍历

$('.items').each(function(index, element) {
    // element是原生DOM元素
    console.log(index, element);
});

根据上下文查找元素

在指定上下文查找

var childElements = $('.child', parentElement);

使用find方法

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

获取表单元素的值

获取input值

var value = $('#inputId').val();

获取select选中值

var selectedValue = $('#selectId').val();

获取checkbox/radio状态

var isChecked = $('#checkboxId').is(':checked');

链式操作

jQuery支持链式调用：

$('.items')
    .css('color', 'red')
    .addClass('highlight')
    .fadeOut(500);