wrap
英 [r?p]? ?美 [r?p]??
vt.包;纏繞;用…包裹(或包扎、覆蓋等);掩護(hù)
n.膝毯,披肩,圍巾,圍脖,頭巾,罩衫,外套,大衣;包裝紙;〈俚〉機(jī)密
vi.纏繞,盤繞(通常與 over, around 等連用);包上,裹上;穿上(衣服等)
inner
英 [??n?(r)]? ?美 [??n?]??
adj.內(nèi)部的,內(nèi)心的;精神的;秘密的
n.內(nèi)部,里面;射中接近靶心部分的一發(fā)
jquery wrapInner()方法 語法
作用:wrapInner() 方法使用指定的 HTML 內(nèi)容或元素,來包裹每個被選元素中的所有內(nèi)容 (inner HTML)。
語法:$(selector).wrapInner(wrapper)
參數(shù):
參數(shù) | 描述 |
wrapper? ?? | 必需。規(guī)定包圍在被選元素的內(nèi)容周圍的內(nèi)容??赡艿闹?HTML 代碼 - 比如 ("<div></div>")新的 DOM 元素 - 比如 (document.createElement("div"))已存在的元素 - 比如 ($(".div1"))已存在的元素不會被移動,只會被復(fù)制,并包裹被選元素。 |
使用函數(shù)包裹內(nèi)容:使用函數(shù)來規(guī)定包圍在每個被選元素周圍的內(nèi)容
語法:$(selector).wrapInner(function())
參數(shù):
參數(shù) | 描述 |
function() | 必需。規(guī)定返回包圍元素的函數(shù)。 |
jquery wrapInner()方法 示例
<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").wrapInner("<b></b>"); }); }); </script> </head> <body> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button class="btn1">加粗段落中的文本</button> </body> </html>
點擊 "運行實例" 按鈕查看在線實例