使用jQuery获得内容以及内容的属性

使用jQuery获得内容以及内容的属性主要有三种方法：

1. 使用.text()方法获取文本内容

我们可以使用jQuery的.text()方法获取HTML元素中的文本内容。以获取元素id为"example"的文本内容为例：

var text = $('#example').text();

这样，在text变量中会保存id为example的元素的文本内容。

2. 使用.html()方法获取元素内的html内容

和.text()不同，jQuery中的.html()方法会获取元素中的html内容。例如，我们想获取id为"example"的元素的内容，可以使用以下代码：

var html = $("#example").html();

注意，如果元素中有脚本，则脚本也会被返回，因此需要谨慎使用。

3. 使用.attr()获取元素属性

如果我们要获取HTML元素的属性，可以使用jQuery中的.attr()方法。例如，我们想要获取id为"example"的元素的href属性，可以使用以下代码：

var href = $('#example').attr('href');

这样，在href变量中会保存id为example的元素的链接href属性的值。

示例一：

HTML代码：

<p id="example">这是一个示例文本<a href="http://www.baidu.com/">链接</a></p>

JavaScript代码：

var text = $('#example').text();
alert(text);

执行结果：

弹出框中会显示"这是一个示例文本链接"，即获取到了id为example的元素中的文本内容。

示例二：

HTML代码：

<p id="example">这是一个示例文本<a href="http://www.baidu.com/">链接</a></p>

JavaScript代码：

var href = $('#example a').attr('href');
alert(href);

执行结果：

弹出框中会显示"http://www.baidu.com/"，即获取到了id为example元素中的a标签的href属性值。