jQuery | text() 方法(1)

📌 相关文章

📜 jQuery | text() 方法(1)

📅 最后修改于: 2023-12-03 15:02:14.063000 🧑 作者: Mango

text() 方法是 jQuery 库中的一种用于获取或设置元素文本内容的方法。它可以用于选择器表达式匹配的所有元素，并可选地指定内容作为参数来设置元素的文本内容。

$(selector).text(content);

其中，selector 是要进行匹配的元素或元素集合，content 是可选的新的文本内容。若要获取元素的当前文本内容，可以不提供 content 参数。

通过不提供 content 参数来获取元素的文本内容：

$(document).ready(function(){
  $("button").click(function(){
    var text = $("p").text();
    alert(text);
  });
});

这里我们在文本框中输入一些文本，然后点击按钮来获取输入框的文本内容。代码中的 text() 方法将会获取第一个 <p> 元素的文本内容，并将其弹出显示。

通过提供 content 参数来设置元素的文本内容：

$(document).ready(function(){
  $("button").click(function(){
    $("p").text("Hello World!");
  });
});

这里我们添加一个按钮，点击按钮会将第一个 <p> 元素的文本内容设置为 "Hello World!"。