手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用jquery修改div里的文字内容

时间:2024-10-12 18:34:39

1、我们先引入jquery的脚本文件。

如何使用jquery修改div里的文字内容

2、在html里,我们在一个div里有内容「百度经验」。

如何使用jquery修改div里的文字内容

3、后面添加一个按钮,有一个changeText的事件函数。

如何使用jquery修改div里的文字内容

4、在changeText方法里,我们先使用jquery通过id获得对应的div。

如何使用jquery修改div里的文字内容

5、然后使用jquery的html方法来直接设置新的文字内容就行了。

如何使用jquery修改div里的文字内容

6、运行页面,看到当前的文字内容是「百度经验」。

如何使用jquery修改div里的文字内容

7、点击按钮后,div的文字内容变成「百度知道」了。

如何使用jquery修改div里的文字内容
© 手抄报圈