在jquery中 ， 可以给按钮绑定点击事件 ， 当按钮被点击时 ， 使用css()方法更换div的背景图片 。 下面小编举例讲解jquery如何点击更换div的背景图片 。
文章插图
需要这些哦
jquery+html
代码编纂器：z studio 10.0
方式/
1【jquery如何点击更换div的背景图片】新建一个html文件 ， 定名为test.html ， 用于讲解jquery若何点击改换div的布景图片 。
文章插图
2在test.html文件内 ， 利用div建立一个模块 ， 并设置其id为xydiv 。
文章插图
3在css标签内 ， 经由过程id设置div的样式 ， 界说它的宽度为320px ， 高度为320px ， 布景图片为3.jpg 。
文章插图
4在test.html文件内 ， 建立一个按钮 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行editBb()函数 。
文章插图
5在js标签内 ， 建立editBb()函数 ， 在函数内 ， 经由过程id获得div对象 ， 利用css()方式设置background属性 ， 实现改换div的布景图片 。
文章插图
6在浏览器打开test.html文件 ， 查看实现的结果 。
文章插图
文章插图
总结：11、利用div建立一个模块 ， 并设置其id为xydiv 。 2、在css标签内 ， 经由过程id设置div的样式 ， 界说它的宽度为320px ， 高度为320px ， 布景图片为3.jpg 。 3、建立一个按钮 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行editBb()函数 。 4、在js标签内 ， 建立editBb()函数 ， 在函数内 ， 经由过程id获得div对象 ， 利用css()方式设置background属性 ， 实现改换div的布景图片 。 5、在浏览器打开test.html文件 ， 查看实现的结果 。
以上内容就是jquery如何点击更换div的背景图片的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何查询当地派出所行政区划代码
- 春分和秋分的区别 如何分辨春分秋分
- 如何开启西瓜视频连续播放功能
- 哔哩哔哩如何设置字幕的屏蔽词
- 新版QQ如何删除Q群管家机器人
- 如何设置ECharts雷达图的填充色
- 微博如何设置视频倍速播放
- 360浏览器如何设置网页字体跟随手机系统变化
- 360浏览器如何修改网页字体大小
- 如何关闭西瓜视频非Wifi网络播放提醒