jQuery – 获取内容和属性的简单方法

jQuery是一款广受欢迎的JavaScript库，它提供了一系列简单易用的方法来操作HTML文档。其中，获取元素的内容和属性是jQuery最常用的功能之一。

获取元素内容

在jQuery中，使用.text()方法可以获取元素的文本内容。例如，我们可以使用以下代码获取一个段落元素的文本内容：

<p id="myParagraph">这是一个段落。</p>

var paragraphText = $('#myParagraph').text();

 

上述代码中，我们首先使用jQuery选择器选中id为"myParagraph"的段落元素，然后调用.text()方法获取其文本内容，并将结果存储在变量paragraphText中。

如果我们需要获取包含HTML标记的元素内容，可以使用.html()方法。例如，以下代码可以获取一个包含链接的段落元素的HTML内容：

<p id="myParagraph"><a href="https://www.example.com">这是一个链接</a></p>

var paragraphHtml = $('#myParagraph').html();

上述代码中，我们使用与上述代码相同的方式选择段落元素，并使用.html()方法获取其HTML内容，并将结果存储在变量paragraphHtml中。

获取元素属性

 

在jQuery中，使用.attr()方法可以获取元素的属性值。例如，我们可以使用以下代码获取一个链接元素的href属性值：

 

<a id="myLink" href="https://www.example.com">这是一个链接</a>

var linkHref = $('#myLink').attr('href');

上述代码中，我们使用jQuery选择器选中id为"myLink"的链接元素，然后使用.attr()方法获取其href属性值，并将结果存储在变量linkHref中。

 

除了获取属性值，我们还可以使用.attr()方法设置元素的属性值。例如，以下代码可以将一个图像元素的src属性值设置为新的URL：

 

<img id="myImage" src="oldUrl.jpg" />

$('#myImage').attr('src', 'newUrl.jpg');

上述代码中，我们使用jQuery选择器选中id为"myImage"的图像元素，然后使用.attr()方法将其src属性值设置为"newUrl.jpg"。

 

总结

 

jQuery的.text()、.html()和.attr()方法提供了简单易用的功能来获取和设置元素的内容和属性。这些方法是开发人员在处理HTML文档时经常使用的工具。

 

原文地址：jQuery – 获取内容和属性的简单方法