DOM を置き換える JQuery の方法 nodes_jquery

WBOY
リリース: 2016-05-16 15:55:53
オリジナル
1115 人が閲覧しました

この記事の例では、DOM ノードを JQuery に置き換える方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

ノードを置換する場合、jQuery は対応するメソッド、replaceWith() と replaceAll() を提供します。

replaceWith() メソッドの機能は、一致するすべての要素を指定された HTML 要素または DOM 要素に置き換えることです。

この例の JQuery コード:

<script type="text/javascript">
//<![CDATA[
$(function(){
 $("#btn_1").click(function(){
  $(".nm_p").replaceWith('<p class="nm_p">欢迎访问www.jb51.net</p>'); 
 })
 $("#btn_2").click(function(){
  $(".nm_p").replaceWith('<p class="nm_p" title="欢迎访问脚本之家" >欢迎访问脚本之家</p>'); 
  // 同样的实现: $('<p class="nm_p">欢迎访问www.jb51.net</p>').replaceAll(".nm_p"); 
 })
});
//]]>
</script>
ログイン後にコピー

JQuery の別のメソッド replaceAll() を使用することもできます。これは replaceWith() メソッドと同じ効果がありますが、replaceWith() 操作が逆になる点が異なります。次の jQuery コードを使用して同じ機能を実現できます。 :

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

ようこそwww.jb51 .net

').replaceAll(".nm_p");

JQuery コードのこれら 2 つの文は、ノード置換効果を実現します。

追記: 置換前にイベントが要素にバインドされていた場合、元々バインドされていたイベントは置換後に置換された要素とともに消えてしまうため、イベントを新しい要素に再バインドする必要があります。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。

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