jQuery_jqueryのwrapInner()メソッドの使用例

この記事の例では、jQuery での WrapInner() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、一致する要素コンテンツを指定された HTML コンテンツまたは要素でラップします。

文法 1:

一致する要素のコンテンツを指定された DOM 要素でラップします。

コードをコピーします コードは次のとおりです:

$(selector).wrapInner(elem)

パラメータリスト:

参数	描述
elem	用于包裹目标的DOM元素。

实例:

复制代 代码如下:

<頭>



<スクリプトタイプ="text/javascript">
    $(document).ready(function(){
        $("ボタン").click(function(){
            $("div").wrapInner(document.createElement("p"));
        });
    });



   

これは div の内容であり、

の対象となります    

これは div の内容であり、

の対象となります     用div包裹每段落

语法二:

は、要素の内容を一致させるために使用される要素を返す関数です。

复制代 代码如下:

$(selector).wrapInner(function)

パラメータリスト:

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

实例:

复制代 代码如下:

<頭>



<スクリプトタイプ="text/javascript">
    $(document).ready(function(){
        $("ボタン").click(function(){
           $("div").wrapInner(function(){
              "

"を返します
           });
        });
    });



   

これは div の内容であり、

の対象となります    

これは div の内容であり、

の対象となります     用div包裹每段落

语法三:

は、html マークを使用して、マッチング要素のコンテンツをコード化します。

复制代 代码如下:

$(selector).wrapInner(html)

パラメータリスト:

参数	描述
html	用于包裹匹配元素内容的html标记代码。

实例:

复制代 代码如下:

<頭>



<スクリプトタイプ="text/javascript">
    $(document).ready(function(){
        $("ボタン").click(function(){
            $("div").wrapInner("

");
        });
    });



   

これは div の内容であり、

の対象となります    

これは div の内容であり、

の対象となります     用div包裹每段落

ここで説明されている大規模な jQuery プログラムの設計が役立つことを望みます。

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