ホームページ > ウェブフロントエンド > jsチュートリアル > 要素に指定された style_jquery があるかどうかを jquery が判断する方法

要素に指定された style_jquery があるかどうかを jquery が判断する方法

WBOY
リリース: 2016-05-16 17:17:23
オリジナル
1509 人が閲覧しました

以下の2つの場合に分けられます。
1. CSSがインラインスタイルとして記述されている場合は、style属性の値を取得することで判定できます。 例は以下の通りです。
div要素が存在するかどうかを判定します。 ID の分割にはフォント サイズのスタイルがあります:

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


jQuery コードは次のとおりです:
jQuery("#divid") .each(function(){
var fontSize = $(this).attr("style").indexOf("font-size");
if(fontSize != (-1)){alert( "定義済み");}
else{$(this).css ({"float":"left","font-size":"12px"});}
}); 🎜>
注: ID divid を持つ div 要素が 1 つだけある場合、jquery のそれぞれは 1 回だけ実行されます。
2. CSSがクラススタイルとして記述されている場合、class属性の値を取得することで判定できます。
idがdividのdiv要素にクラススタイルが含まれているかどうかを判定します。 divclass:


.divclass{
background -color: #F33;
}
< div id="divid" class="divclass">

jquery コードは次のとおりです。 🎜>


コードをコピーします
コードは次のとおりです: jQuery("#divid").click( function(){ if(jQuery(this).attr("class").indexOf("divclass")>0){
jQuery(this).removeClass("divclass")
} else{
jQuery(this).addClass("divclass")
}
});


注: 上記のコードは、ワンクリックで背景色を切り替えることができます。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート