-2

jQueryを使用してCSSと同様の方法でクラスとIDをチェーンすることは可能ですか? たとえば、さまざまなブラウザーをターゲットにしたい場合は、HTML タグに次のコードを適用します。

    <!--[if lt IE 7]>  <html class="ie ie6 lte9 lte8 lte7"> <![endif]-->

        <!--[if IE 7]>     <html class="ie ie7 lte9 lte8 lte7"> <![endif]-->

        <!--[if IE 8]>     <html class="ie ie8 lte9 lte8"> <![endif]-->

        <!--[if IE 9]>     <html class="ie ie9 lte9"> <![endif]-->

        <!--[if gt IE 9]>  <html> <![endif]-->

        <!--[if !IE]><!--> <html class="notIE">             <!--<![endif]-->

これにより、特に次を使用して ie7 の要素をターゲットにすることができます。

.ie7 #div{
 float: left
}

私は自分のウェブサイトで優雅な劣化のパターンに従いたいのですが、使用したい特定の jQuery プラグインが IE7 または IE8 でうまく機能しないことを知っています (たとえば、スタイルが適切な位置から外れます)。プラグインが IE7 および IE8 でトリガーされないようにします。どうすればいいですか？

4

2 に答える 2

1

セレクターは機能しているはずなので、次のような単純なものでテストする価値があります

$(".lte9 #head").css('color','red');

それでもうまくいかない場合は、セレクターが間違っています。

于 2013-02-12T17:14:19.933 に答える
-1

はい、jQuery でこれを行うことができます。実際、これは CSS で見られる表記法とほとんど同じです。たとえば、ホバー時に画像をわずかに回転させるように設計された以下の関数を見てみましょう。この関数を 'head' という ID の画像に適用したいと考えています (Rotate は jQuery プラグインであり、基本ライブラリの一部ではありません)。ie9 をターゲットにしたいとしましょう。以下の表記法を簡単に使用します。

$(document).ready(function()
{   
$(".ie9 #head").hover(function(){
    $(".ie9 #head").rotate(-10);
    },

    function() {
    $(".ie9 #head").rotate(0);
    }
  );
});

ヘッダー ID の前に .ie9 クラスが付けられていることに注意してください。これは、CSS で使用する方法論とまったく同じです。

于 2013-02-12T17:00:43.553 に答える