jQuery中map()方法用法實(shí)例
更新時(shí)間：2015年01月06日 14:51:01 投稿：shichen2014
這篇文章主要介紹了jQuery中map()方法用法,實(shí)例分析了map()方法的功能、定義及轉(zhuǎn)換數(shù)組的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中map()方法用法。分享給大家供大家參考。具體分析如下：
此方法將一組元素轉(zhuǎn)換成其他數(shù)組（不論是否是元素?cái)?shù)組）。
可以用這個(gè)函數(shù)來(lái)建立一個(gè)列表，不論是值、屬性還是CSS樣式，或者其他特別形式。
語(yǔ)法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$("selector").map(function)
參數(shù)列表:
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<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="腳本無(wú)憂"/>
<input type="text" name="password" value="123456"/>
<input type="text" name="url" value="http://www.fzitv.net"/>
</form>
</div>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
相關(guān)文章
本文目的：為了了解stop()的用法，舉個(gè)例子，直觀的方式看看。非常的簡(jiǎn)單實(shí)用，有需要的小伙伴參考下2014-11-11
這篇文章介紹了jQuery操作屬性值的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
jquery進(jìn)行數(shù)組遍歷如何跳出當(dāng)前的each循環(huán)
通過(guò) jquery 的循環(huán)方法進(jìn)行數(shù)組遍歷，但是當(dāng)不符合條件時(shí)，怎么跳出當(dāng)前循環(huán)，解決方法如下,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了jQuery實(shí)現(xiàn)模糊查詢的方法,結(jié)合實(shí)例形式分析了jQuery事件響應(yīng)、節(jié)點(diǎn)遍歷、查詢匹配、屬性修改等相關(guān)操作技巧,需要的朋友可以參考下2018-05-05
jquery實(shí)現(xiàn)div拖拽寬度示例代碼
本例為大家演示個(gè)比較簡(jiǎn)單的div拖動(dòng)，另外可根據(jù)自己的需求，添加相應(yīng)的代碼，實(shí)現(xiàn)自己的想要的效果，具體如下，喜歡的請(qǐng)支持下2013-07-07
jQuery右側(cè)選項(xiàng)卡焦點(diǎn)圖片輪播特效代碼分享
這篇文章主要介紹了jQuery右側(cè)選項(xiàng)卡焦點(diǎn)圖片輪播特效，一段清新可愛(ài)的焦點(diǎn)圖輪播代碼，有需要的小伙伴可以參考下2015-09-09
jquery+ajax實(shí)現(xiàn)直接提交表單實(shí)例分析
這篇文章主要介紹了jquery+ajax直接提交表單的方法,涉及jQuery調(diào)用ajax進(jìn)行表單提交所涉及的表單序列化、數(shù)值傳遞與處理、回調(diào)函數(shù)等相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
jquery使用ColorBox彈出圖片組瀏覽層實(shí)例演示
本示例使用Jquery的ColorBox插件彈出圖片組瀏覽層，點(diǎn)擊會(huì)彈出頁(yè)中窗的效果同時(shí)帶有關(guān)閉及上一個(gè)下一個(gè)的切換，個(gè)人感覺(jué)相當(dāng)不錯(cuò)的彈出窗，感興趣的你可不要錯(cuò)過(guò)了哈2013-03-03
基于jQuery ztree實(shí)現(xiàn)表格風(fēng)格的樹(shù)狀結(jié)構(gòu)
zTree 是一個(gè)依靠 jQuery 實(shí)現(xiàn)的多功能 “樹(shù)插件”，zTree 是開(kāi)源免費(fèi)的軟件。接下來(lái)通過(guò)本文給大家介紹基于jQuery ztree實(shí)現(xiàn)表格風(fēng)格的樹(shù)狀結(jié)構(gòu)，感興趣的朋友一起看看吧2018-08-08
jquery實(shí)現(xiàn)自定義樹(shù)形表格的方法【自定義樹(shù)形結(jié)構(gòu)table】
這篇文章主要介紹了jquery實(shí)現(xiàn)自定義樹(shù)形表格的方法,結(jié)合實(shí)例形式分析了jQuery創(chuàng)建自定義樹(shù)形結(jié)構(gòu)table的相關(guān)操作技巧,需要的朋友可以參考下2019-07-07