jQuery中map()方法用法實例
本文實例講述了jQuery中map()方法用法。分享給大家供大家參考。具體分析如下:
此方法將一組元素轉(zhuǎn)換成其他數(shù)組(不論是否是元素數(shù)組)。
可以用這個函數(shù)來建立一個列表,不論是值、屬性還是CSS樣式,或者其他特別形式。
語法結(jié)構(gòu):
參數(shù)列表:
實例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").append($("input").map(function(){
return $(this).val();
}).get().join(", "));
})
</script>
</head>
<body>
<div>
<p>值:</p>
<form>
<input type="text" name="name" value="腳本無憂"/>
<input type="text" name="password" value="123456"/>
<input type="text" name="url" value="http://www.dbjr.com.cn"/>
</form>
</div>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
jquery ajax對特殊字符進行轉(zhuǎn)義防止js注入使用示例
如果有人在留言里寫入了js語句,這結(jié)語句都會被執(zhí)行.解決辦法就是對這些特殊字符進行轉(zhuǎn)義再顯示出來,下面有個不錯的示例,感興趣的朋友可以參考下2013-11-11jQuery實現(xiàn)懸浮在右上角的網(wǎng)頁客服效果代碼
這篇文章主要介紹了jQuery實現(xiàn)懸浮在右上角的網(wǎng)頁客服效果代碼,涉及jQuery響應(yīng)鼠標(biāo)事件動態(tài)變換頁面元素樣式的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10web開發(fā)人員學(xué)習(xí)jQuery的6大理由及jQuery的優(yōu)勢介紹
jQuery是一個用來簡化HTML客戶端開發(fā)的JS(JavaScrip)庫,它支持HTML DOM處理,同時還融合了部分HTML和CSS2013-01-01juqery 學(xué)習(xí)之六 CSS--css、位置、寬高
juqery 學(xué)習(xí)之六 CSS--css、位置、寬高,需要的朋友可以參考下。2011-02-02jQuery 調(diào)用WebService 實例講解
以前都是Web程序調(diào)用WebService,.net把WebService封裝的太簡單了,所以之前都是很膚淺的用,都沒有想過更深層的東西,并且只是停留在表面的添加引用和調(diào)用。2016-06-06