jquery獲取img的src值實(shí)例介紹
更新時(shí)間：2019年01月16日 14:47:38 投稿：laozhang
在本篇文章里小編給大家分享了關(guān)于jquery獲取img的src值實(shí)例介紹和相關(guān)內(nèi)容，有需要的朋友們學(xué)習(xí)下。
簡(jiǎn)簡(jiǎn)單單的一句話，如下：
<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>
錯(cuò)誤的寫(xiě)法：
1、alert($('#img'));
2、alert($('#img').src);
3、alert($('#img')); 提示[object Object]。
4、alert($('#img').src); 提示undefined。
正確的寫(xiě)法：
$('#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")獲取到的是整個(gè)頁(yè)面所有的img標(biāo)簽，是一個(gè)數(shù)組，只有明確指定是哪一個(gè)的src的時(shí)候，才能取到具體的src值
相關(guān)文章
jquery blockUI 遮罩不能消失與不能提交的解決方法
jquery blockUI 遮罩不能消失與不能提交的解決方法，使用jquery blockUI的朋友可以參考下。2011-09-09
Tipso是一款基于jQuery的Tooltip提示框插件，他提供了眾多參數(shù)，如顯示動(dòng)畫(huà)持續(xù)時(shí)間、背景顏色、文本顏色、顯示位置、加載ajax內(nèi)容、回調(diào)函數(shù)等等。2015-05-05
這篇文章主要介紹了jQuery與JS加載事件用法,結(jié)合實(shí)例形式分析了jQuery與JS加載事件的執(zhí)行順序與使用技巧,需要的朋友可以參考下2016-09-09
jquery插件之信息彈出框showInfoDialog(成功/錯(cuò)誤/警告/通知/背景遮罩)
某某同學(xué)最近寫(xiě)了個(gè)基于jquery的信息彈出插件showInfoDialog，該插件對(duì)背景進(jìn)行遮罩，然后彈出信息顯示框，信息顯示種類(lèi)包括(操作成功/錯(cuò)誤信息/警告信息/通知信息)感興趣的朋友可以了解下2013-01-01
multiSteps 基于Jquery的多步驟滑動(dòng)切換插件
這個(gè)插件支持任意步驟,具有啟動(dòng)之前函數(shù)調(diào)用功能，具有完成之后回調(diào)功能。2011-07-07
jQuery對(duì)JSON數(shù)據(jù)進(jìn)行排序輸出的方法
這篇文章主要介紹了jQuery對(duì)JSON數(shù)據(jù)進(jìn)行排序輸出的方法,涉及jQuery中g(shù)etJSON與sort等方法的使用技巧,需要的朋友可以參考下2015-06-06
JQuery事件中的Event屬性是經(jīng)常性的被忽略的。大多數(shù)時(shí)間你的確不怎么用它，但有些時(shí)候它還是它還是很有作用的。2010-04-04
從零開(kāi)始學(xué)習(xí)jQuery (十一) 實(shí)戰(zhàn)表單驗(yàn)證與自動(dòng)完成提示插件
本文是介紹兩個(gè)最常用的jQuery插件. 分別用于表單驗(yàn)證和自動(dòng)完成提示(類(lèi)似google suggest).2011-02-02
通過(guò)Jquery遍歷Json的兩種數(shù)據(jù)結(jié)構(gòu)的實(shí)現(xiàn)代碼
在ajax交互中，我們從服務(wù)器端返回的數(shù)據(jù)類(lèi)型有xml,html,script,json,jsonp,text，本文以json為例，講述了在前臺(tái)如何利用jquery遍歷json的兩種數(shù)據(jù)結(jié)構(gòu)2011-01-01
empty、remove和detach三者都有把元素移除的作用，但細(xì)微的差別，造就了它們的使命不同。下面給大家介紹jQuery中的empty、remove和detach的區(qū)別，感興趣的朋友一起學(xué)習(xí)吧2016-04-04