jquery wrapAll()方法
翻譯結果:
wrap
英[ræp] 美[ræp]
vt.包;纏繞;用…包裹(或包紮、覆蓋等);掩護
n.膝毯,披肩,圍巾,圍脖,頭巾,罩衫,外套,大衣;包裝紙;〈俚〉機密
vi.纏繞,盤繞(通常與over, around 等連用) ;包上,裹上;穿上(衣服等)
all
英[ɔ:l] 美[ɔl]
#adj.全部的;一切的;各種的;極度的,盡量的
pron.全部;一切;每個人,每件東西;全部情況
adv.全部地;完全地;每個;非常
n.全體;[常作A-]整體;[常與my, your, his, her等連用](某人)所有的一切
jquery wrapAll()方法語法
作用:wrapAll() 在指定的 HTML 內容或元素中放置所有被選中的元素。
語法:$(selector).wrapAll(wrapper)
參數:
參數 | 說明 |
wrapper | ##。規定包裹被選元素的內容。可能的值:HTML 程式碼- 例如("<div></div>")新的DOM 元素- 例如(document.createElement("div"))已存在的元素- 例如($(".div1" ))已存在的元素不會被移動,只會被複製,並包裹被選元素。 |
jquery wrapAll()方法範例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").wrapAll("<div></div>"); }); }); </script> <style type="text/css"> div{background-color:yellow;} </style> </head> <body> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button class="btn1">用一个 div 包裹所有段落</button> </body> </html>
#點擊 "執行實例" 按鈕查看線上實例