jquery獲取img的src值實例介紹
簡簡單單的一句話,如下:
<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。
因為$("#img")獲取到的是整個頁面所有的img標簽,是一個數(shù)組,只有明確指定是哪一個的src的時候,才能取到具體的src值
相關文章
jQuery中noconflict函數(shù)的實現(xiàn)原理分解
這篇文章主要介紹了jQuery中noconflict函數(shù)的實現(xiàn)原理分解,noconflict是用來防止變量沖突的,本文就分解了它的實現(xiàn)原理,并分析了它的實現(xiàn)源碼,需要的朋友可以參考下2015-02-02jQuery、layer實現(xiàn)彈出層的打開、關閉功能
這篇文章主要介紹了jQuery、layer實現(xiàn)彈出層的打開、關閉功能,需要的朋友可以參考下2017-06-06jQuery學習筆記之jQuery.fn.init()的參數(shù)分析
這篇文章主要介紹了jQuery.fn.init()的參數(shù)分析,需要的朋友可以參考下2014-06-06從零開始學習jQuery (四) jQuery中操作元素的屬性與樣式
本篇文章講解如何使用jQuery獲取和操作元素的屬性和CSS樣式. 其中DOM屬性和元素屬性的區(qū)分值得大家學習.2011-02-02jQuery autocomplate 自擴展插件、自動完成示例代碼
jquery-lib版本是 1.3.2的,該插件是簡單的擴展插件,代碼也比較簡單的封裝。所以看起來也比較簡單不是很費力,當然封裝得也不是很好。2011-03-03JQuery實現(xiàn)表格數(shù)據(jù)行上移與下移
這篇文章主要為大家詳細介紹了JQuery實現(xiàn)表格數(shù)據(jù)行上移與下移,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-02-02