ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery_jquery での兄弟の使用法の分析例
jQuery_jquery での兄弟の使用法の分析例
- WBOYオリジナル
- 2016-05-16 15:23:401521ブラウズ
この記事の例では、jQuery での兄弟の使用法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
いわゆる兄弟、英語訳は兄弟ノードです。名前が示すとおり、特定の要素 (それ自体を除く) の兄弟ノードを取得します。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<ul>
<li>li1</li>
<li>li2</li>
<li id="li3">li3</li>
<li>li4</li>
<li>li5</li>
</ul>
<script>
$("#li3").siblings("li").css("backgroundcolor", "yellow");
</script>
</body>
</html>
私たちも知っています、
コードをコピーします コードは次のとおりです:
$("#li3").siblings("li")。 css(" 背景色", "黄色")
この場合の は
と書くことができます
コードをコピー コードは次のとおりです:
$("#li3").siblings().css("背景色"、"黄色")
デフォルトでは、それ自体と同じ兄弟要素を受け取ります。
この記事が jQuery プログラミングのすべての人に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。