ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery_jqueryのwrapAll()メソッドの使用例

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

WBOY
リリース: 2016-05-16 16:19:52
オリジナル
1040 人が閲覧しました

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

このメソッドは、一致するすべての要素を 1 つの要素にラップします。
このメソッドには、wrap() メソッドと同様の機能がありますが、大きく異なります。 Wrap() メソッドは、一致する各要素を 1 回照合します。

文法 1:

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

コードをコピーします コードは次のとおりです:
$(selector).wrapAll(elem)

パラメータリスト:
参数 描述
elem 用于包裹目标的DOM元素。

实例:

复制代 代码如下:





<頭>
脚本之家


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



   

我是个段落


   

我是个段落


   

   


语法二:

HTML タグを使用して、パケットに適合する要素を確認します。

复制代码代码如下:
$(selector).wrapAll(html)

パラメータ数列表:
参数 描述
elem 用于包裹目标的DOM元素。

实例:

复制代 代码如下:





<頭>
脚本之家


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



  

これは段落です


  

これは段落です


  


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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート