jquery对象的访问方法
jQuery 对象的基本访问方法
jQuery 对象是通过选择器或 DOM 元素创建的,可以通过多种方式访问其属性和方法。
使用索引访问 DOM 元素
jQuery 对象类似数组,可以通过索引访问其中的 DOM 元素:
var $divs = $('div'); // 获取所有 div 元素
var firstDiv = $divs[0]; // 访问第一个 DOM 元素
使用 get() 方法get() 方法返回指定索引的 DOM 元素:
var secondDiv = $divs.get(1); // 访问第二个 DOM 元素
链式调用方法
jQuery 对象支持链式调用,可以在一个语句中连续调用多个方法:
$('div').addClass('highlight').css('color', 'red').fadeOut(500);
遍历 jQuery 对象
使用 each() 方法遍历 jQuery 对象中的每个元素:

$('div').each(function(index, element) {
console.log(index, element); // 输出索引和 DOM 元素
});
访问 jQuery 对象的属性
通过 attr() 方法获取或设置元素的属性:
var href = $('a').attr('href'); // 获取第一个链接的 href 属性
$('a').attr('target', '_blank'); // 设置所有链接的 target 属性
通过 prop() 方法访问元素的属性(如 checked、disabled):
var isChecked = $('#checkbox').prop('checked'); // 获取复选框的选中状态
$('#checkbox').prop('disabled', true); // 禁用复选框
访问表单元素的值
使用 val() 方法获取或设置表单元素的值:

var inputValue = $('input[type="text"]').val(); // 获取文本框的值
$('input[type="text"]').val('New Value'); // 设置文本框的值
访问元素的 CSS 和尺寸
通过 css() 方法获取或设置元素的样式:
var color = $('div').css('color'); // 获取第一个 div 的颜色
$('div').css('background-color', 'blue'); // 设置所有 div 的背景色
使用 width() 和 height() 方法获取或设置元素的尺寸:
var divWidth = $('div').width(); // 获取第一个 div 的宽度
$('div').height(200); // 设置所有 div 的高度为 200px
访问元素的文本和 HTML
通过 text() 方法获取或设置元素的文本内容:
var divText = $('div').text(); // 获取第一个 div 的文本
$('div').text('New Text'); // 设置所有 div 的文本
通过 html() 方法获取或设置元素的 HTML 内容:
var divHtml = $('div').html(); // 获取第一个 div 的 HTML
$('div').html('<span>New HTML</span>'); // 设置所有 div 的 HTML






