DIV CSS 佈局教程網

jQuery的wrapInner()方法
編輯:JQuery特效代碼     
定義和用法
wrapInner() 方法使用指定的 HTML 內容或元素,來包裹每個被選元素中的所有內容 (inner HTML)。


語法
$(selector).wrapInner(wrapper)


參數wrapper為必需。規定包圍在被選元素的內容周圍的內容。
可能的值:
HTML 代碼 - 比如 ("<div></div>")
新的 DOM 元素 - 比如 (document.createElement("div"))
已存在的元素 - 比如 ($(".div1"))
已存在的元素不會被移動,只會被復制,並包裹被選元素。


另一個用法:
使用函數包裹內容
使用函數來規定包圍在每個被選元素周圍的內容。

語法
$(selector).wrapInner(function())


參數function()為必需。規定返回包圍元素的函數。



例子:
在每個 p 元素的內容上包圍 b 元素:

<p id="hovertreepara">菜單</p>
<input type="button" id="keleyibold" value="加粗" />
<script>
$("#keleyibold").on("click",function(){$("#hovertreepara").wrapInner("<b></b>");})
</script>



效果:

菜單

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved