在jquery中修改圖片地址的方法:1.新建html項目,引入jquery;2.添加圖片,設置id屬性;3.創建button按鈕,綁定onclick事件;4.通過id獲取img對象,使用attr()方法修改圖片地址;
具體步驟如下:
1.首先,新建一個html項目,并在項目中引入jquery;
<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>
2.引入jquery后,在項目中使用img標簽添加一張圖片,并設置id屬性;
<img src="images/1.jpg" id="myid"/>
3.圖片添加好后,新建一個button按鈕,并綁定onclick點擊事件;
<button onclick="set()"></button>
4.最后,button按鈕創建好后,在onclick點擊事件中通過id獲取img對象,在使用attr()方法即可修改圖片地址;
function set(){
$('$myid').attr('src','images/2.jpg');
}