0){...}else"。"> jqueryを使用してオブジェクトに特定のスタイルがあるかどうかを確認する方法-フロントエンドQ&A-php.cn

jqueryを使用してオブジェクトに特定のスタイルがあるかどうかを確認する方法

WBOY
リリース: 2022-06-17 19:41:47
オリジナル
2226 人が閲覧しました

方法: 1. スタイルがインライン スタイルの場合、style 属性の値を使用して判断できます。構文は "var a = $(this).attr("style").indexOf です。 ("属性"); if(a != (-1)){...}else{...}"; 2. スタイルがクラス スタイルの場合、クラスを使用して判断でき、構文は次のようになります。 "if(element object.attr("class") .indexOf("divclass")>0){...}else"。

jqueryを使用してオブジェクトに特定のスタイルがあるかどうかを確認する方法

このチュートリアルの動作環境: Windows10 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。

jquery はオブジェクトが特定のスタイルを持っているかどうかをどのようにチェックしますか

1. CSS がインライン スタイルとして記述されている場合は、 の値を取得することで判断できます。 style 属性。例は次のとおりです:

ID divid の div 要素にフォント サイズのスタイルがあるかどうかを確認します:

ログイン後にコピー

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 Each は 1 回だけ実行されます。

2. CSSがクラススタイルで記述されている場合、class属性の値を取得することで判定できます。例は以下の通りです。 id が divid の div 要素にクラス スタイル divclass が含まれているかどうか:

.divclass{ background-color: #F33; } 
ログイン後にコピー

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

jQuery("#divid").click(function(){ if(jQuery(this).attr("class").indexOf("divclass")>0){ jQuery(this).removeClass("divclass") }else{ jQuery(this).addClass("divclass") } });
ログイン後にコピー

ビデオ チュートリアルの推奨事項:

jQuery ビデオ チュートリアル

以上がjqueryを使用してオブジェクトに特定のスタイルがあるかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!