jquery获取

获取元素

使用jQuery选择器获取元素，通过CSS选择器或jQuery特定选择器定位目标元素。常见选择器包括ID选择器（#id）、类选择器（.class）、标签选择器（tag）等。示例：

$('#elementId') // 通过ID获取
$('.className') // 通过类名获取
$('div') // 通过标签名获取

获取属性值

通过.attr()方法获取元素的属性值，例如href、src等。示例：

var hrefValue = $('a').attr('href'); // 获取第一个<a>标签的href属性
var imgSrc = $('img').attr('src'); // 获取第一个<img>标签的src属性

获取表单值

使用.val()方法获取表单元素（如input、select、textarea）的值。示例：

var inputValue = $('#inputId').val(); // 获取输入框的值
var selectValue = $('#selectId').val(); // 获取下拉框选中的值

获取文本内容

通过.text()方法获取元素的文本内容（不包含HTML标签），或通过.html()获取包含HTML标签的内容。示例：

var textContent = $('p').text(); // 获取<p>标签的纯文本
var htmlContent = $('div').html(); // 获取<div>标签的HTML内容

获取CSS样式

使用.css()方法获取元素的CSS样式值。示例：

var color = $('#elementId').css('color'); // 获取元素的文字颜色
var fontSize = $('p').css('font-size'); // 获取<p>标签的字体大小

获取元素位置

通过.offset()或.position()方法获取元素相对于文档或父元素的位置。示例：

var offset = $('#elementId').offset(); // 获取元素相对于文档的坐标
var top = offset.top; // 垂直位置
var left = offset.left; // 水平位置

获取父级或子级元素

使用.parent()、.children()等方法获取元素的父级或子级元素。示例：

var parentElement = $('#childId').parent(); // 获取直接父级
var children = $('#parentId').children(); // 获取所有子级