jQuery の場合: 有効なセレクターの使用例 example_jquery

この記事の例では、jQuery での:enabled セレクターの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このセレクターは、使用可能なすべての要素を選択できます。

文法構造:

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

$(":enabled")

このセレクターは通常、クラス セレクター、要素セレクターなどの他のセレクターと組み合わせて使用​​されます。 例:

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

$("input:enabled").css("background-color" "、" 赤")

上記のコードは、利用可能な入力要素の背景色を赤に設定できます。

コード例:

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

<頭>


<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$("input:enabled").css("背景色","赤"); });
});





無効なテキスト ボックス: 利用可能なテキストボックス:

クリックして効果を確認します




この記事が皆さんの jQuery プログラミングに役立つことを願っています。