jquery 是一款非常強大實用的 JavaScript 函式庫，被廣泛應用於 Web 開發過程中。在 Web 開發的過程中，我們經常需要操作 DOM 元素，例如改變它的內容、樣式或屬性。而其中常遇到的一個問題就是如何透過 jquery 給 src 賦值，本文將詳細解說這個問題。
一、what is jquery？
jquery 是一種 JavaScript 函式庫，它簡化了 HTML 與 JavaScript 之間的交互，可以更方便地操作 HTML 中的元素和樣式。它是一個輕量級、快速、簡潔的 JavaScript 函式庫，能夠簡化事件處理、文件遍歷、動畫等操作，並且容易使用和擴展。
二、jquery賦值src屬性
jquery 給 src 賦值可以使用 attr() 方法。 attr() 方法是 jQuery 中用來操作元素屬性的方法。它的語法如下：
$(selector).attr(attribute,value)
其中，selector 為jquery 選擇器，attribute 表示要操作的屬性名，value 為要設定的屬性值。
下面我們來舉一個例子：
<!--html代码-->
<img id="img1" src=""/>
<button id="btn">改变图片</button>
<script>
//jquery获得按钮元素
$(document).ready(function(){
$("#btn").click(function(){
$("#img1").attr("src","图片地址");
});
});
</script>在上面的例子中，我們建立了一個圖片元素和一個按鈕元素。透過 jquery 的 attr() 方法，當我們點擊按鈕時，將圖片元素的 src 屬性改為 「圖片位址」。
要注意的是，有些瀏覽器或版本不支援動態改變圖片位址，可能會導致圖片載入失敗。例如，IE9 及以下版本的瀏覽器不支援動態改變圖片位址，需要在頁面載入時設定圖片的初始位址或使用其他方式實作圖片動態載入。
三、jquery修改屬性應用場景
jquery 的attr() 方法不僅可以用來修改圖片的src 屬性，還可以套用於其他元素的屬性修改，例如：
修改文字方塊的value 值
<!--html代码-->
<input type="text" id="input1" value=""/>
<button id="btn">改变值</button>
<script>
//jquery获得按钮元素
$(document).ready(function(){
$("#btn").click(function(){
$("#input1").attr("value","新的值");
});
});
</script>修改超連結元素的href 屬性
<!--html代码-->
<a id="link1" href="https://www.baidu.com">点击跳转</a>
<button id="btn">改变链接地址</button>
<script>
//jquery获得按钮元素
$(document).ready(function(){
$("#btn").click(function(){
$("#link1").attr("href","https://www.google.com");
});
});
</script><!--html代码-->
<button id="btn1" disabled="true">禁用按钮</button>
<button id="btn2">启用按钮</button>
<script>
//jquery获得按钮元素
$(document).ready(function(){
$("#btn2").click(function(){
$("#btn1").attr("disabled",false);
});
});
</script>以上是jquery怎麼給src賦值的詳細內容。更多資訊請關注PHP中文網其他相關文章！
