ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryでのcontents()メソッドの使用例

jQueryでのcontents()メソッドの使用例

巴扎黑
巴扎黑オリジナル
2017-06-24 11:13:411878ブラウズ

この記事では主に 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。