jquery 获取
jQuery 获取元素的方法
jQuery 提供了多种方法来获取 DOM 元素,以下是常用的几种方式:
通过 ID 获取元素
使用 $("#id") 可以获取指定 ID 的元素。例如:
$("#myElement")
通过类名获取元素
使用 $(".className") 可以获取所有具有指定类名的元素。例如:
$(".myClass")
通过标签名获取元素
使用 $("tagName") 可以获取所有指定标签的元素。例如:
$("div")
通过属性选择器获取元素
使用 $("[attribute='value']") 可以获取具有指定属性和值的元素。例如:
$("[data-role='button']")
通过复合选择器获取元素 可以使用组合选择器来获取更精确的元素。例如:
$("div.myClass") // 获取所有类名为 myClass 的 div 元素
jQuery 获取元素内容的方法
获取元素的文本内容
使用 .text() 方法可以获取元素的文本内容。例如:
$("#myElement").text()
获取元素的 HTML 内容
使用 .html() 方法可以获取元素的 HTML 内容。例如:
$("#myElement").html()
获取表单元素的值
使用 .val() 方法可以获取表单元素的值。例如:

$("#myInput").val()
jQuery 获取元素属性的方法
获取元素的属性值
使用 .attr("attributeName") 可以获取元素的指定属性值。例如:
$("#myElement").attr("href")
获取元素的数据属性
使用 .data("key") 可以获取元素的数据属性值。例如:
$("#myElement").data("role")
jQuery 获取元素位置的方法
获取元素的偏移位置
使用 .offset() 可以获取元素相对于文档的偏移位置。例如:
$("#myElement").offset()
获取元素相对于父元素的偏移位置
使用 .position() 可以获取元素相对于父元素的偏移位置。例如:
$("#myElement").position()
jQuery 获取元素尺寸的方法
获取元素的宽度
使用 .width() 可以获取元素的宽度。例如:

$("#myElement").width()
获取元素的高度
使用 .height() 可以获取元素的高度。例如:
$("#myElement").height()
获取元素的内部宽度(包括 padding)
使用 .innerWidth() 可以获取元素的内部宽度。例如:
$("#myElement").innerWidth()
获取元素的内部高度(包括 padding)
使用 .innerHeight() 可以获取元素的内部高度。例如:
$("#myElement").innerHeight()
获取元素的外部宽度(包括 padding 和 border)
使用 .outerWidth() 可以获取元素的外部宽度。例如:
$("#myElement").outerWidth()
获取元素的外部高度(包括 padding 和 border)
使用 .outerHeight() 可以获取元素的外部高度。例如:
$("#myElement").outerHeight()






