ホームページ > 記事 > ウェブフロントエンド > jQueryでのcontents()メソッドの使用例
この記事では主に jQuery の content() メソッドの使用法を紹介します。この例では、contents() メソッドの機能、定義、および使用スキルを分析して、一致する要素内のすべての第 1 レベルの子ノードを検索します。必要な方は参照してください
この記事の例では、jQuery での content() メソッドの使用方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです:
このメソッドは、一致する要素内のすべての第 1 レベルの子ノード (テキスト ノードを含む) を検索します。
要素が iframe の場合は、ドキュメントのコンテンツを見つけます。
contents() メソッドは、children() メソッドと似ていますが、前者には、結果として得られる jQuery オブジェクトにテキスト ノードと HTML 要素が含まれる点が異なります。
文法構造:
コードは次のとおりです:
$(selector).contents()
インスタンス コード:
コードは次のとおりです:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>contents()函数-脚本之家</title> <script type="text/ javascript " src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $( document ).ready(function(){ $("ul").contents().not("[nodeType==1]").css("color","red"); }) </script> </head> <body> <p> <ul> <li>html专区</li> <li>p+CSS专区</li> <li>Javascript专区</li> <li>Jquery专区</li> </ul> </p> </body> </html>
上記のコードは、ul の下のテキスト ノードの色を設定できます。要素を赤にします。
以上がjQueryでのcontents()メソッドの使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。