jQuery中text()函数的用法
jQuery的text()函数可以用来获取或设置元素的文本内容,它可以非常方便的操作DOM元素。
获取文本内容
使用text()函数获取元素的文本内容,只需要将函数作用于需要获取文本内容的元素即可,如:
$("#demo").text();
上面的代码可以获取id为demo的元素的文本内容,如果元素有多个子元素,则会将所有子元素的文本内容连接起来,返回一个字符串。
设置文本内容
使用text()函数设置元素的文本内容,需要将函数作用于需要设置文本内容的元素,并传入需要设置的文本内容,如:
$("#demo").text("Hello World!");
上面的代码可以设置id为demo的元素的文本内容为“Hello World!”,如果元素有多个子元素,则会将所有子元素的文本内容替换为新的文本内容。
使用方法
text()函数可以接收一个参数,即要设置的文本内容,如果参数为空,则表示获取元素的文本内容,如果参数不为空,则表示设置元素的文本内容,如:
$("#demo").text(); // 获取文本内容 $("#demo").text("Hello World!"); // 设置文本内容
示例
下面的例子演示了如何使用text()函数获取和设置元素的文本内容:
Hello
上面的代码中,使用text()函数获取id为demo的元素的文本内容,使用text()函数设置元素的文本内容为“World!”,再次使用text()函数获取元素的文本内容,可以看到,文本内容已经更改为“World!”。
jQuery的text()函数可以用来获取或设置元素的文本内容,它可以非常方便的操作DOM元素,使用方法也很简单,只需要将函数作用于需要获取或设置文本内容的元素,如果需要设置文本内容,还需要传入需要设置的文本内容即可。