jQuery获取标签文本内容和html内容的方法

获取标签文本内容和html内容是jQuery中最常用的操作之一。本攻略将详细讲解jQuery获取标签文本内容和html内容的方法。

获取标签文本内容

text()方法

text()方法返回所选元素的文本内容。示例代码如下：

var textContent = $('#example').text();
console.log(textContent);

解释：上面的代码将获取ID为example的元素的文本内容，并存储在textContent变量中。

html()方法

html()方法返回所选元素的HTML内容。示例代码如下：

var htmlContent = $('#example').html();
console.log(htmlContent);

解释：上面的代码将获取ID为example的元素的HTML内容，并存储在htmlContent变量中。

获取标签html内容

val()方法

val()方法返回表单元素的值，如input、textarea等等。示例代码如下：

var inputVal = $('input#example').val();
console.log(inputVal);

解释：上面的代码将获取ID为example的input元素的值，并存储在inputVal变量中。

attr()方法

attr()方法返回所选元素的属性值。示例代码如下：

var imgSrc = $('img#example').attr('src');
console.log(imgSrc);

解释：上面的代码将获取ID为example的img元素的src属性值，并存储在imgSrc变量中。

以上就是获取标签文本内容和html内容的方法攻略。希望对你有所帮助。