jquery獲取img的src值實(shí)例介紹
簡簡單單的一句話,如下:
<img id="img" src="1.jpg" alt="test" />
引用的jquery如下:
<script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6.js"></script> <script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6-vsdoc.js"></script>
錯誤的寫法:
1、alert($('#img'));
2、alert($('#img').src);
3、alert($('#img')); 提示[object Object]。
4、alert($('#img').src); 提示undefined。
正確的寫法:
$('#img')[0].src才能夠獲取到img的地址。
原因:
<img id="img" src="1.jpg" alt="test" /> <img id="img" src="2.jpg" alt="test" /> <img id="img" src="3.jpg" alt="test" />
如上,如果有很多img。
因?yàn)?("#img")獲取到的是整個頁面所有的img標(biāo)簽,是一個數(shù)組,只有明確指定是哪一個的src的時候,才能取到具體的src值
相關(guān)文章
jquery列表拖動排列(由項(xiàng)目提取相當(dāng)好用)
最好的jquery列表拖動排列自定義拖動層排列。當(dāng)點(diǎn)擊或拖動列表時,可以自定義隨意拖放列表模塊到相應(yīng)位置2014-06-06jQuery中noconflict函數(shù)的實(shí)現(xiàn)原理分解
這篇文章主要介紹了jQuery中noconflict函數(shù)的實(shí)現(xiàn)原理分解,noconflict是用來防止變量沖突的,本文就分解了它的實(shí)現(xiàn)原理,并分析了它的實(shí)現(xiàn)源碼,需要的朋友可以參考下2015-02-02jQuery、layer實(shí)現(xiàn)彈出層的打開、關(guān)閉功能
這篇文章主要介紹了jQuery、layer實(shí)現(xiàn)彈出層的打開、關(guān)閉功能,需要的朋友可以參考下2017-06-06jQuery學(xué)習(xí)筆記之jQuery.fn.init()的參數(shù)分析
這篇文章主要介紹了jQuery.fn.init()的參數(shù)分析,需要的朋友可以參考下2014-06-06從零開始學(xué)習(xí)jQuery (四) jQuery中操作元素的屬性與樣式
本篇文章講解如何使用jQuery獲取和操作元素的屬性和CSS樣式. 其中DOM屬性和元素屬性的區(qū)分值得大家學(xué)習(xí).2011-02-02jQuery autocomplate 自擴(kuò)展插件、自動完成示例代碼
jquery-lib版本是 1.3.2的,該插件是簡單的擴(kuò)展插件,代碼也比較簡單的封裝。所以看起來也比較簡單不是很費(fèi)力,當(dāng)然封裝得也不是很好。2011-03-03jquery 自定義容器下雨效果可將下雨圖標(biāo)改為其他
這篇文章主要介紹了jquery 自定義容器下雨效果可將下雨圖標(biāo)改為其他,需要的朋友可以參考下2014-04-04JQuery實(shí)現(xiàn)表格數(shù)據(jù)行上移與下移
這篇文章主要為大家詳細(xì)介紹了JQuery實(shí)現(xiàn)表格數(shù)據(jù)行上移與下移,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-02-02