jquery 获取
jQuery 获取元素的方法
jQuery 提供了多种方法来获取 DOM 元素，以下是几种常用的方式：
通过 ID 选择器获取元素
使用 # 符号加上元素的 ID 名称可以获取指定 ID 的元素。
$('#elementId')通过类选择器获取元素
使用 . 符号加上元素的类名可以获取所有具有该类名的元素。
$('.className')通过标签名获取元素 直接使用标签名称可以获取所有该标签的元素。
$('div')通过属性选择器获取元素
使用 [attribute] 可以获取具有指定属性的元素。
$('[data-attribute]')通过复合选择器获取元素 可以组合使用多种选择器来精确获取元素。
$('div.className[data-attribute]')jQuery 获取元素内容的方法
获取元素的文本内容
使用 .text() 方法可以获取元素的文本内容。
$('#elementId').text()获取元素的 HTML 内容
使用 .html() 方法可以获取元素的 HTML 内容。
$('#elementId').html()获取表单元素的值
使用 .val() 方法可以获取表单元素的值。
$('input').val()jQuery 获取元素属性的方法
获取元素的属性值
使用 .attr() 方法可以获取元素的指定属性值。
$('#elementId').attr('data-attribute')获取元素的 CSS 属性值
使用 .css() 方法可以获取元素的指定 CSS 属性值。
$('#elementId').css('color')jQuery 获取元素位置的方法
获取元素相对于文档的偏移位置
使用 .offset() 方法可以获取元素相对于文档的偏移位置。
$('#elementId').offset()获取元素相对于父元素的偏移位置
使用 .position() 方法可以获取元素相对于父元素的偏移位置。
$('#elementId').position()jQuery 获取元素尺寸的方法
获取元素的宽度
使用 .width() 方法可以获取元素的宽度。
$('#elementId').width()获取元素的高度
使用 .height() 方法可以获取元素的高度。
$('#elementId').height()获取元素的内边距和边框尺寸
使用 .outerWidth() 和 .outerHeight() 方法可以获取元素包括内边距和边框的尺寸。
$('#elementId').outerWidth()
$('#elementId').outerHeight()jQuery 获取父级和子级元素的方法
获取父级元素
使用 .parent() 方法可以获取元素的直接父级元素。
$('#elementId').parent()获取所有祖先元素
使用 .parents() 方法可以获取元素的所有祖先元素。
$('#elementId').parents()获取子级元素
使用 .children() 方法可以获取元素的直接子级元素。
$('#elementId').children()获取后代元素
使用 .find() 方法可以获取元素的所有后代元素。
$('#elementId').find('.className')jQuery 获取兄弟元素的方法
获取下一个兄弟元素
使用 .next() 方法可以获取元素的下一个兄弟元素。
$('#elementId').next()获取上一个兄弟元素
使用 .prev() 方法可以获取元素的上一个兄弟元素。
$('#elementId').prev()获取所有兄弟元素
使用 .siblings() 方法可以获取元素的所有兄弟元素。
$('#elementId').siblings()
