jquery获取标签内容
获取标签内容的常用方法
使用jQuery获取HTML标签内容可以通过以下几种方式实现，具体取决于需要获取的内容类型（文本、HTML、值等）。
获取元素的文本内容
使用.text()方法可以获取指定元素的文本内容，包括所有子元素的文本（不包含HTML标签）。
var textContent = $("selector").text();获取元素的HTML内容
使用.html()方法可以获取元素的HTML内容，包括子元素的标签和文本。
var htmlContent = $("selector").html();获取表单元素的值
对于输入框、下拉框等表单元素，使用.val()方法获取其当前值。
var inputValue = $("inputSelector").val();获取属性值
使用.attr()方法可以获取指定属性的值，例如href、src等。
var hrefValue = $("a").attr("href");示例代码
以下是一个完整的示例，展示如何获取不同类型的内容：
<div id="example">
<p>这是一个段落</p>
<a href="https://example.com">链接</a>
<input type="text" value="输入框内容">
</div>
<script>
$(document).ready(function() {
// 获取文本内容
var text = $("#example p").text();
console.log("文本内容:", text);
// 获取HTML内容
var html = $("#example").html();
console.log("HTML内容:", html);
// 获取表单值
var inputVal = $("input").val();
console.log("输入框值:", inputVal);
// 获取属性值
var href = $("a").attr("href");
console.log("链接地址:", href);
});
</script>注意事项
.text()和.html()方法如果不带参数是获取内容，带参数则是设置内容。- 对于多元素选择器（如
$("p")），.text()会返回所有匹配元素的文本合并结果。 - 使用
.val()获取表单值时，需确保DOM已加载完成（通常在$(document).ready()中操作）。
以上方法覆盖了大多数获取标签内容的需求，根据实际场景选择合适的方法即可。
