ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryでのcontents()メソッドの使用例
jQueryでのcontents()メソッドの使用例
- 巴扎黑オリジナル
- 2017-06-24 11:13:411903ブラウズ
この記事では主に 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 までご連絡ください。