jquery如何修改背景图片 jquery更改背景图片

文章摘要：jquery如何修改背景图片 jquery更改背景图片

使用jquery修改背景图片的方法：1.新建html项目，引入jquery；2.创建div标签，设置背景图片； […]

使用jquery修改背景图片的方法：1.新建html项目，引入jquery；2.创建div标签，设置背景图片；3.添加button按钮，绑定onclick点击事件；4.通过标签名获取图片对象，使用css()方法修改背景图片；

具体步骤如下：

1.首先，新建一个html项目，并在项目中引入jquery；

<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后，在项目中创建一个div标签，并设置背景图片，用于测试；

<div style="background:url(images/1.jpg)"></div>

3.div标签创建好后，添加一个button按钮，并绑定onclick点击事件，用于点击修改背景图片；

<button onClick="set()"><button>

4.最后，按钮添加好后，在点击事件中通过标签名获取图片对象，在使用css()方法即可修改背景图片；

function set(){

$('div').css("background","url(images/2.jpg)");

}