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

方法: 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 サイトの他の関連記事を参照してください。