jQueryセレクターの使い方(9.フォームオブジェクトの属性)

jQueryセレクターの使い方(9.フォームオブジェクトの属性)_jquery

WBOY

リリース： 2016-05-16 18:39:29

オリジナル

1356 人が閲覧しました

この一連の記事は、基本記事、階層記事、単純記事、コンテンツ記事、可視性記事、属性記事、サブ要素記事、フォーム記事、フォームオブジェクトプロパティ記事の 9 つの記事に分かれています。
この記事では、:enabled、:disabled、:checked、:selected の使用法について説明します。
この一連の記事に関してご提案やコメントがある場合は、sjzlgt@qq.com まで電子メールを送信してください。
技術的な一連の記事を書くのはこれが初めてであるため、多少の間違いは避けられません。エラーやコードのバグがある場合は、ご指摘ください。ありがとうございます。
実行後、jquery を更新してロードする必要があります

<title>jQuery-Selectors-9</title>
<style type="text/css"> 
.div 
{ 
    width:95%; 
    margin-left:15px; 
    margin-top:15px; 
    margin-right:15px; 
    padding-left:5px; 
    padding-top:5px; 
    padding-bottom:5px; 
    background-color:#ccc; 
    border:#999 1px solid; 
    line-height:30px; 
    font-size:13px; 
    font-family:微软雅黑; 
} 
.blue{color:Blue;} 
.green{color:Green;} 
.button{border:green 1px solid;width:100px;} 
.xiaobiao{ font-weight:bold;} 
.red_test{background-color:red; color:White; width:300px; height:30px;} 
.li_test{border:#000 1px solid;} 
</style>

<div style="width:100%; text-align:center; font-size:16px; font-weight:bold;">
</div>jQuery セレクターの使用 (9. フォーム オブジェクトのプロパティ)<a href="http://jquery.com/" target="_blank">
このシリーズの記事では、主に jQuery フレームワークのセレクターの使用方法について説明します。簡単さと包括性に基づいて説明します。私の学習方法は、まず始めてから進めてください。
 
この一連の記事は、基本記事、階層記事、単純記事、コンテンツ記事、可視性記事、属性記事、サブ要素記事、フォーム記事、フォーム オブジェクト プロパティ記事の 9 つの記事に分かれています。
 
この記事では、:enabled、:disabled、:checked、:selected の使用法について説明します。
 
この一連の記事に関してご提案やコメントがある場合は、sjzlgt@qq.com まで電子メールを送信してください。
 
一連の技術的な記事を書くのは初めてなので、間違いやコードのバグがあることは避けられません。ご指摘いただけると幸いです。
 
jQuery の詳細については、</a>jQuery 公式 Web サイト<span style="color:Red;"> にアクセスしてください。
 
<strong><a href="http://www.cnblogs.com/bynet/" target="_blank">著作権: code-cat ブログ:</a>http://www.cnblogs.com/bynet</strong> 転載する場合は、元の著者、出典、著作権情報を保持してください。 </span>
</div>
<div class="div">

</div>
IE6、IE7、Firefoxで動作確認済みで、効果が得られます。 
<div class="div">

<span class="xiaobiao">
</span>1. :有効な使用法<span style="border:blue 1px solid;">
 
定義: 使用可能なすべての要素と一致する
 
戻り値: 配列
 
例: ID「div_a1」の DIV で使用可能なすべての入力要素の背景色を赤に変更します。
 
<span style="color:green;">コード: $("#div_a1 input:enabled").css("background-color","red");</span> //ボタン 1 をクリックしてこのコードを実行します </span><div id="div_a1" style="border:red 1px solid; padding-bottom:5px; padding-left:5px; width:98%;">
<span id="span_a1" style="border:#000 1px solid; width:200px; margin-right:5px;padding-left:5px; ">
DIV ID="div_a1"
 
</span>
スパンID="span_a1"
 
<input type="text" value="input text">
<input type="text" value="input text 不可用" disabled>
<input type="text" value="input text">
<input type="password" value="123123">
<input type="reset" value="reset 不可用" disabled>
 
<input type="submit" value="submit">
<textarea rows="2" cols="10">
テキストパラ<select>
<option>
</option>選択</select>
<input type="button" id="btn_1" value="按钮一" class="button">