ホームページ >ウェブフロントエンド >jsチュートリアル >指定されたスタイルがjqueryに存在するかどうかを確認する方法

指定されたスタイルがjqueryに存在するかどうかを確認する方法

藏色散人
藏色散人オリジナル
2021-02-18 10:05:464165ブラウズ

指定されたスタイルが存在するかどうかを判断するための jquery メソッド: 最初に HTML コード サンプル ファイルを作成し、次に attr メソッドを通じて選択された要素の属性値を設定または返し、最後に、indexOf を通じて指定された文字列値を返します。文字列内の最初の出現位置を見つけて判定するだけです。

指定されたスタイルがjqueryに存在するかどうかを確認する方法

#この記事の動作環境: Windows 7 システム、jquery バージョン 1.2.6、DELL G3 コンピューター。

jquery は指定されたスタイルが存在するかどうかをどのように判断するのでしょうか?

以下の例を見てみましょう。

HTML コード:

<div id="divid" style="font-size:12px;">11111</div> 
<div id="divid" style="">22222</div>

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

$("#moment").click(function(){ 
var fontSize = $(this).attr("style").indexOf("font-size"); 
if(fontSize != (-1)){
  console.log("未定义")
} 
else{
  console.log("有定义")
} 
});

attr() メソッドは、選択された要素の属性値を設定または返します。メソッドのパラメータに応じて、動作方法も異なります。

indexOf() メソッドは、文字列内で指定された文字列値が最初に出現する位置を返します。一致する文字列が見つからない場合は -1 を返します。

注:indexOf() メソッドでは大文字と小文字が区別されます。

推奨: 「

jquery ビデオ チュートリアル

以上が指定されたスタイルがjqueryに存在するかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。