jquery获取标签内容
获取标签内容的方法
使用jQuery获取标签内容可以通过多种方式实现,具体取决于需要获取的内容类型(如文本、HTML或属性值)。以下是几种常见的方法:
获取元素的文本内容
使用.text()方法可以获取匹配元素的文本内容,包括所有子元素的文本。该方法会自动处理HTML转义字符,返回纯文本。

var textContent = $('selector').text();
获取元素的HTML内容
使用.html()方法可以获取匹配元素的内部HTML内容,包括标签和文本。适合需要保留HTML结构的情况。

var htmlContent = $('selector').html();
获取表单元素的值
对于表单元素(如input、textarea、select),使用.val()方法可以获取其当前值。
var inputValue = $('input').val();
获取或设置属性值
使用.attr()方法可以获取或设置元素的属性值。例如获取<a>标签的href属性:
var hrefValue = $('a').attr('href');
注意事项
- 如果选择器匹配多个元素,
.text()和.html()会返回所有匹配元素的合并内容,而.val()仅返回第一个匹配元素的值。 - 对于复选框或单选按钮,使用
.val()可能需要结合.prop('checked')来获取选中状态。 - 动态生成的内容需确保在DOM加载完成后执行操作,可通过
$(document).ready()或简写的$(function() { ... })实现。
示例代码
// 获取段落文本
var paragraphText = $('p').text();
// 获取div内的HTML
var divHtml = $('div.container').html();
// 获取输入框的值
var username = $('#username').val();
// 获取链接的href属性
var linkUrl = $('a#home-link').attr('href');






