jQuery.map()方法程式碼例項
本章節分享一段關於jQuery.map()方法的程式碼例項,希望能夠給需要的朋友帶來一定的幫助。
程式碼如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="mytest/jQuery/jquery-1.8.3.js"></script> <script> $(function(){ $("input").click(function(){ var str = $(":checked").map(function(){ return this.value; }).get().join(",") $("span").html(str); }) }) </script> </head> <body> <input type="checkbox" value="螞蟻部落一"/>螞蟻部落一 <input type="checkbox" value="螞蟻部落二"/>螞蟻部落二 <input type="checkbox" value="螞蟻部落三"/>螞蟻部落三 <br/> 運算結果:<span></span> </body> </html>
程式碼演示了jQuery.map()方法作用,具體參閱jQuery.map()方法一章節。
相關文章
- jQuery toggleClass()方法程式碼例項jQuery
- jQuery next()方法程式碼例項jQuery
- jquery next()方法使用程式碼例項jQuery
- angularJS的$attrs方法使用程式碼例項AngularJS
- call()和apply()方法使用程式碼例項APP
- canvas translate()、scale()和rotate()方法程式碼例項Canvas
- jQuery is() 程式碼例項jQuery
- 模擬實現Object.is()方法程式碼例項Object
- javascript模擬實現toAarray()方法程式碼例項JavaScript
- replace()方法替換字串內容程式碼例項字串
- jQuery選項卡例項程式碼jQuery
- js漢諾塔問題解決方法程式碼例項JS
- 修改或者擴充套件jQuery的方法程式碼例項套件jQuery
- js模擬實現hashCode()方法程式碼例項JS
- javascript模擬jQuery的map()方法程式碼例項mapJavaScriptjQuery
- $.each()方法遍歷二維陣列程式碼例項陣列
- dom操作程式碼例項
- javascript的for in例項程式碼JavaScript
- drag拖拽程式碼例項
- requestAnimationFrame()動畫例項程式碼requestAnimationFrame動畫
- $$和||使用程式碼例項
- js刮刮樂程式碼例項JS
- canvas刮刮樂程式碼例項Canvas
- css梯形程式碼例項CSS
- toJSON()程式碼例項JSON
- [轉]BDB例項程式碼
- IOS程式碼例項區iOS
- js監聽鍵盤事件程式碼例項例項JS事件
- jQuery使用css()方法改變元素樣式程式碼例項jQueryCSS
- $.each()方法遍歷json格式資料程式碼例項JSON
- Python訪問小程式簡單方法程式碼例項詳解Python
- JavaScript in運算子程式碼例項JavaScript
- 設計模式例項程式碼設計模式
- table表格美化程式碼例項
- js使用XMLHttpRequest例項程式碼JSXMLHTTP
- jQuery操作cookie程式碼例項jQueryCookie
- jQuery 動畫效果程式碼例項jQuery動畫
- DeviceMotionEvent程式碼優化例項dev優化