jQuery学習ノートのjQuery+CSS 3のブラウザ互換性

868 ワード

CSS 3は長年にわたってweb発展の需要を十分に吸収し、多くの斬新な特性を吸収した.例えばborder-radius
css 3特性の中で最も興奮するのはセレクタの増強であり、例えば属性セレクタはある属性値に基づいてタグを選択することができ、位置セレクタはサブ要素の位置に基づいてタグを選択することができる.
現在多く使われている多くのブラウザ、例えばIE 7では、主にcss 2をサポートしている.ほとんどのアトリビュートセレクタは理想的ではありません.
ブラウザのcss 3への互換性の問題だからこそ.各ブラウザでは、より良い標準サポートが行われていません.
jQueryは、予めjavascriptプログラミングにより、ほとんどのcss 3規格でのセレクタを提供しています.開発者は、これらのセレクタを使用して、さまざまな要素を簡単に選択できます.javascriptのプログラミングに使用します.
 
  
<br>             $(function() { <br>                 $("li:nth-child(2)").addClass("altcss"); <br>             }); <br>        

以上、セレクタli:nth-child(2)を用いて、
  • の2番目の要素タグが選択されたことを示す.ie 7とchormeブラウザでテストに合格できます.
    ブラウザの互換性については、実は永遠の話題で、IEが登場してからずっと議論されていますが、ここでは簡単にアイデアを提供するだけで、仲間たちは自由に拡張しましょう.