jquery怎么创建一个img标签

html+jquery
代码编纂器:Dreamweaver CS5方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery怎么建立一个img标签 。

jquery怎么创建一个img标签

文章插图

2在test.html文件内 , 引入jquery.min.js库文件 , 当作功加载该文件 , 才能利用jquery中的方式 。

jquery怎么创建一个img标签

文章插图

3在test.html文件内 , 利用div标签建立一个模块 , 并设置其id属性为pic , 本家儿要用于下面经由过程该id获得div对象 。

jquery怎么创建一个img标签

文章插图

4在test.html文件内 , 利用button标签建立一个按钮 , 按钮名称为“建立img” 。

jquery怎么创建一个img标签

文章插图

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

jquery怎么创建一个img标签

文章插图

6在js标签中 , 建立add()函数 , 在函数内 , 经由过程$符获得id为pic的div对象 , 对其利用app方式 , 利用img标签 , 建立一张图片显示在页面中 。

jquery怎么创建一个img标签

文章插图

7【jquery怎么创建一个img标签】在浏览器打开test.html文件 , 点击按钮 , 查看实现的结果 。

jquery怎么创建一个img标签

文章插图

jquery怎么创建一个img标签

文章插图


以上内容就是jquery怎么创建一个img标签的内容啦 , 希望对你有所帮助哦!

    推荐阅读