jQuery获取内容和属性

  • Post category:jquery

当需要操作DOM元素的时候,jQuery就是一个非常有用的工具。其中获取元素的内容和属性是最常用的功能之一。下面详细讲解jQuery获取元素内容和属性的攻略:

获取元素内容

通过jQuery获取一个元素的内容,可以使用.text().html()方法。

.text()

.text()方法用于获取元素的文本内容。例如,如果我们有一个<p>标签,内容为”Hello World”,我们可以使用以下代码来获取它的文本内容:

$("p").text();  // 返回 "Hello World"

.html()

.html()方法用于获取元素内的HTML内容。例如,如果我们有以下代码:

<div>
  <p>Hello <strong>World</strong></p>
</div>

通过以下代码获取<div>元素内的HTML内容:

$("div").html();  //  返回 <p>Hello <strong>World</strong></p>

获取元素属性

获取元素的属性也是非常常见的需求。jQuery提供了一些方法来获取元素的属性。

.attr()

.attr()方法用于获取元素的特定属性,如srchref等。以下代码演示了如何获取一个图像的src属性。

<img src="myimage.jpg">
$("img").attr("src");  // 返回 "myimage.jpg"

.val()

如果需要获取表单元素(如input、textarea等)的值,可以使用.val()方法。以下代码演示了如何获取一个input元素的值:

<input type="text" id="myInput" value="Hello World">
$("#myInput").val();  // 返回 "Hello World"

这些方法是jQuery获取元素内容和属性的最常用的方法。希望这篇攻略能够帮助你更好地了解jQuery的基础知识。