jQuery ブラウザ CSS3 クローズアップ互換 example_jquery

この記事の例では、jQuery ブラウザーの CSS3 のクローズアップ互換性メソッドについて説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

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

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

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

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

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

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

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

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

この記事が皆さんの jQuery プログラミングに役立つことを願っています。