Contoh penggunaan kaedah wrapInner() dalam jQuery_jquery

Contoh dalam artikel ini menerangkan penggunaan kaedah wrapInner() dalam jQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kaedah ini membungkus kandungan elemen yang sepadan dengan kandungan atau elemen HTML yang ditentukan.

Tatabahasa 1:

Balut kandungan elemen padanan dengan elemen DOM yang ditentukan.

Salin kod Kod adalah seperti berikut: $(selector).wrapInner(elem) Senarai parameter: <table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 657px; border-collapse: collapse; font: 14px/21px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 61px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 elem 用于包裹目标的DOM元素。 实例:

复制代码 代码如下: 脚本之家 div { lebar:200px; ketinggian:200px; sempadan:1px biru padu; } p { lebar:150px; ketinggian:150px; jidar:1px merah pepejal; } $(dokumen).sedia(fungsi(){ $("butang").klik(fungsi(){ $("div").wrapInner(document.createElement("p")); }); }); 这是div的内容，将会被包裹 这是div的内容，将会被包裹 用div包裹每个段落 语法二:

用函数返回用于包裹匹配元素内容的元素。

复制代码 代码如下: $(selector).wrapInner(>) Senarai parameter: <table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 639px; border-collapse: collapse; font: 14px/21px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 61px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 function 返回用于包裹匹配元素内容的函数。 实例:

复制代码 代码如下: 脚本之家 div { lebar:200px; ketinggian:200px; sempadan:1px biru padu; } p { lebar:150px; ketinggian:150px; jidar:1px merah pepejal; } $(dokumen).sedia(fungsi(){ $("butang").klik(fungsi(){ $("div").wrapInner(function(){ kembalikan "

" }); }); }); 这是div的内容，将会被包裹 这是div的内容，将会被包裹 用div包裹每个段落 语法三:

用html标记代码包裹匹配元素的内容。

复制代码 代码如下: $(selector).wrapInner(>html) Senarai parameter: <table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 653px; border-collapse: collapse; font: 14px/21px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 61px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 html 用于包裹匹配元素内容的html标记代码 。 实例:

复制代码 代码如下: 脚本之家 div { lebar:200px; ketinggian:200px; sempadan:1px biru padu; } p { lebar:150px; ketinggian:150px; jidar:1px merah pepejal; } $(dokumen).sedia(fungsi(){ $("butang").klik(fungsi(){ $("div").wrapInner("

"); }); }); 这是div的内容，将会被包裹 这是div的内容，将会被包裹 用div包裹每个段落 希望本文所述对大家的 jQuery程序设计有所帮助。

本文转自：蚂蚁部落http://www.softwhy.com/