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()方法一章節。
相關文章
- canvas translate()、scale()和rotate()方法程式碼例項Canvas
- dom操作程式碼例項
- css梯形程式碼例項CSS
- Python訪問小程式簡單方法程式碼例項詳解Python
- JavaScript in運算子程式碼例項JavaScript
- 設計模式例項程式碼設計模式
- table表格美化程式碼例項
- 純css tab選項卡程式碼例項CSS
- jQuery tab選項卡效果程式碼例項jQuery
- php例項化物件的例項方法PHP物件
- canvas刮刮樂程式碼例項Canvas
- canvas載入效果程式碼例項Canvas
- CSS空心箭頭程式碼例項CSS
- JavaScript運動框架程式碼例項JavaScript框架
- CSS橢圓效果程式碼例項CSS
- CSS條紋背景程式碼例項CSS
- flex居中佈局程式碼例項Flex
- JavaScript取餘數程式碼例項JavaScript
- canvas繪製扇形程式碼例項Canvas
- table細線表格例項程式碼
- CSS 隔行變色程式碼例項CSS
- HTML5 拖拽程式碼例項HTML
- JavaScript 阻止事件冒泡程式碼例項JavaScript事件
- [例項分割]Condinst程式碼筆記筆記
- Vue 原始碼解讀(6)—— 例項方法Vue原始碼
- jquery.idTabs.min.js選項卡程式碼例項jQueryJS
- 美化滾動條效果程式碼例項
- canvas原型鐘錶效果程式碼例項Canvas原型
- flex彈性佈局程式碼例項Flex
- JavaScript陣列合並程式碼例項JavaScript陣列
- CSS3卡通形象程式碼例項CSSS3
- JavaScript倒數計時程式碼例項JavaScript
- canvas繪製網格程式碼例項Canvas
- css3水滴效果程式碼例項CSSS3
- css背景虛化效果程式碼例項CSS
- flex聖盃佈局程式碼例項Flex
- table表頭分組程式碼例項
- jQuery利用name匹配元素程式碼例項jQuery