1 <！ - 外部のjQueryのjsファイルを導入する - > 2 < スクリプトSRC = "../ JS / jqueryの-3.1.1.min.js" > 3。</ スクリプト> 4。<！ - 5。 初期設定： 6 $（ドキュメント）.ready（関数（）{}）; 7。 $（関数（）{}）; 8つの。 $（）READY（関数（）{}）;. 9つの。10 選択要素： 11。 $（この）選択現在のHTML要素、 12は $（ "BTN番号"）、最初の要素はID = "BTN"を選択し、 13である （ "P"）$、すべての<p>要素を選択し、 14 $（ "BTN"。 ）、すべてのクラス=「BTN」要素を選択します。 15 $（ "*"）、すべての要素を選択し、 16 $（ "ラジオ"）$（ "テキスト"）$（ "ボタン"）、入力タイプセレクタを、 17 - > 18である < スクリプト> 19 20 //の方法初期化 21である $（関数（）{ 22は // セレクタボタンの入力方法オーバーライドクリック 23である $（" ：ボタン" ）.click（関数（）{ 24 25 // 現在の選択要素、およびそれを隠す 26である $（この）.hide（）; 27の 28の // テキストボックスに割り当てられたクラスセレクタ、 29 $（" .TXT " ）.val（" Hello Worldの！" ）; 30 31はある // フォントサイズ20ピクセルに設定し、すべてのpタグを選択する 32 $（" P " ）の.css（" フォントサイズを" 、" 20ピクセル" ;） 33は、 34である // IDセレクタカラーCSSを変更する要素（プロパティ、値） 35 $（" ＃のP1 " ）の.css（" 色" " 赤」）。 36 37 }） 38で 39 // 複数のコンテンツを書き込むことができる 40 $（" ：RESET " ）.click（関数は、（）{ 41れる // すなわち操作OBJ $（ "*"）を操作する、変数OBJに割り当てられ、すべての要素を選択して 42である VaRのOBJ = $（" * " ）; 43は、 44れる // 元の色復元するために、すべての要素を選択する 45 obj.css（" 色" 、" ブラック" ）; 46は、 47 // すべての要素のフォントを変更するには16pxに 48 （obj.cssを「フォントを-size "、" に16px " ）; 49 50 // ID、隠しボタン既に 51である $（" #accept " ）.SHOW（）; 52は 53である // Pすべてのラベル要素を表示 54である $（" P " ）.SHOW （）; 55 }） 56である 57ことである // Pを非表示になり、各タグをクリック 58 $（" P " ）.click（関数（）{ 59 $（この;）.hide（） 60 }） 61 62 }） 63 </ スクリプト> 64 </ ヘッド> 65 66 < ボディ> 67 < 形態> 68 输入框：< 入力タイプ= "テキスト" ID = "入力" クラス= "TXT" /> < BR /> 69 < P ID = "P1" >我是P1 </ P > 70 < PのID = "P2" >我是P2 </ P > 71 < PのIDは= "P3" >我是P3 </ P > 72 < PのID = "P4" >是P4我</ P > 73 < P ID = "P5" >我是P5 </ P > 74 < 入力タイプ= "ボタン" ID = "受諾" 値= "提交" /> 75 < 入力タイプ= "リセット" /> 76 </ フォーム> 77 </ ボディ>
