在jquery中 ， 通过获得div对象 ， 使用css()方法便可以设置它的背景图片 。 下面小编举例讲解jquery如何给div添加背景图片 。
文章插图
需要这些哦
jquery+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解jquery若何给div添加布景图片 。
文章插图
2在test.html文件内 ， 利用div标签建立一个模块 ， 设置div标签的class属性为mydiv 。
文章插图
3在css标签内 ， 经由过程class设置div的宽度为200px ， 高度为200px 。
文章插图
4【jquery如何给div添加背景图片】在js标签内 ， 利用ready()方式在页面加载完当作时执行function方式 。
文章插图
5在function方式内 ， 经由过程class获得div对象 ， 利用css()方式设置background属性值 ， 实现布景图片的界说 ， 例如 ， 设置布景图片为2.jpg 。
文章插图
6在浏览器打开test.html文件 ， 查看实现的结果 。
文章插图
总结：11、利用div标签建立一个模块 ， 设置div标签的class属性为mydiv 。 2、在css标签内 ， 经由过程class设置div的宽度为200px ， 高度为200px 。 3、在js标签内 ， 利用ready()方式在页面加载完当作时执行function方式 。 4、在function方式内 ， 经由过程class获得div对象 ， 利用css()方式设置background属性值 ， 实现布景图片的界说 ， 例如 ， 设置布景图片为2.jpg 。 5、在浏览器打开test.html文件 ， 查看实现的结果 。
以上内容就是jquery如何给div添加背景图片的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- jquery如何在文字的顶部加横线
- vika维格表如何统计某一列的数据
- 如何品味健康
- 怎么在美图秀秀中给照片做封面文字效果
- 怎么在美图秀秀中给照片加光影效果
- 如何在美图秀秀中调整美食照片
- 如何设置京东消息提醒
- 如何设置QQ好友动态权限
- 爱奇艺如何开启青少年模式
- 如何设置QQ展示内容