jQuery 給 src 賦值是一個常見的操作,可以通過以下幾種方式實現:
1. 直接給 src 賦值字符串
可以使用 jQuery 提供的 attr() 方法直接給元素的 src 屬性賦值:
$('img').attr('src', '圖片地址');
2. 動態生成 src 字符串
有時候,需要動態生成 src 字符串,比如在后端獲取圖片地址后,將其賦值給 img 標簽的 src 屬性,可以使用模板字符串語法:const imgUrl = '圖片地址';
$('img').attr('src',`https://example.com/${imgUrl}`);
3. 通過 data 屬性獲取 src
有時候,需要根據元素的 data 屬性動態生成 src,可以使用如下的方式獲取 data 屬性的值,并將其拼接到圖片地址中:const id = $('img').data('id');
const imgUrl = `https://example.com/${id}.jpg`;
$('img').attr('src', imgUrl);
以上就是 jQuery 給 src 賦值的幾種方式,通過巧妙的運用,可以輕松實現圖片的動態加載和切換。上一篇jquery 繼承
下一篇導航條邊框顏色css