jQuery 研究ノート: jQuery のブラウザ互換性 CSS3_jquery

CSS3 は、長年にわたって Web 開発のニーズを完全に吸収し、多くの新しい機能を吸収してきました。たとえば、border-radius

CSS3 の最も魅力的な機能は、セレクターの強化です。たとえば、属性セレクターは特定の属性値に基づいてタグを選択でき、位置セレクターは子要素の位置に基づいてタグを選択できます。

IE7 など、現在使用されている多くのブラウザーは主に CSS2 をサポートしています。ほとんどの属性セレクターは理想的ではありません。

これはまさにブラウザの CSS3 との互換性の問題が原因です。これを標準でサポートしているブラウザは他にありません。

jQuery は、事前にプログラムされた JavaScript を通じて、CSS3 標準のほぼすべてのセレクターを提供します。開発者はこれらのセレクターを使用して、さまざまな要素を簡単に選択できます。 JavaScript プログラミングで使用します。

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

<スクリプトタイプ="text/javascript">
$(function() {
$("li:nth-child(2)").addClass("altcss");
});
                                                                                         

上記ではセレクター li:nth-child(2) が使用されています。これは、

の 2 番目の要素マークを選択することを意味します。また、IE7 および Chrome ブラウザーでテストできます。

ブラウザの互換性については、IE の登場以来ずっと議論されてきました。ここに簡単なアイデアがありますので、ご自由に拡張してください。