jQuery如何向HTML添加指定的内容

新建一个html文件,定名为test.html,用于讲解jQuery若何标的目的HTML添加指定的内容 。

jQuery如何向HTML添加指定的内容

文章插图

2在test.html文件内,利用script加载jquery.min.js文件,本家儿要用于加载jquery库文件利用app()方式 。

jQuery如何向HTML添加指定的内容

文章插图

3在test.html文件内,建立一个div块,在div内利用p标签建立一行内容,同时利用css设置文字的大小为30px,颜色为红色 。

jQuery如何向HTML添加指定的内容

文章插图

4在test.html文件内,建立一个button按钮,用于点击按钮时,标的目的div添加内容 。


jQuery如何向HTML添加指定的内容

文章插图

5在test.html文件内,给button按钮绑定click点击事务,当按钮被点击时,执行function函数 。

jQuery如何向HTML添加指定的内容

文章插图

6在function函数内,获得div对象,经由过程app方式标的目的div添加新的一行内容 。

jQuery如何向HTML添加指定的内容

文章插图

7【jQuery如何向HTML添加指定的内容】在浏览器打开test.html文件,点击按钮,标的目的div添加新的一行内容,如下图所示:


jQuery如何向HTML添加指定的内容

文章插图

jQuery如何向HTML添加指定的内容

文章插图

以上内容就是jQuery如何向HTML添加指定的内容的内容啦,希望对你有所帮助哦!

    推荐阅读