。1 <!DOCTYPEのHTML> 2 <HTML> 3 <ヘッド> 4 <メタ文字セット= "UTF-8"> 5 <タイトル> </タイトル> 。6 ます。<script type = "text / JavaScriptの" SRC =「jQueryの-3.3。 "> </ SCRIPT> 1.min.js 。7 </ HEAD> 8 <BODY> 9 <スクリプトタイプ="テキスト/ JavaScriptを「> 10 // 検出導入に成功するかどうかのjQueryファイル 11 にconsole.log($)、 12は 13であります // 基礎セレクタ 14 //は のdocument.getElementById(による要素IDを取得)。 15 // 。$( '#ロゴ')CSS( '国境'、 'ソリッド2ピクセルの赤'); 16 // 要素のタグ名で取得した 。17 @ CSS( '背景色'、 '赤');. $( 'DIV') 18がされて // クラス要素のクラス名が取得したが 。19 // 。$(「ロゴ')の.css('背景色''レッド; ') 20がある // カンマ並列買収 21がある // ')CSS(' $(' #アイテム'' #のITEM1背景色''赤「) ; 22 // スペースレベル取得 23 // $( '#の#ITEM1 ITEM1')CSS( '背景色'、 '赤'); 24 25 // 得る濾過 26 // 最初の要素を取得し 27 //を $( '李:まず')CSS( '背景色'、 '#369');. 28 // 最後の要素を取得 29 // $( '李:最終')CSS( '背景色'を、。 '369'); 30 // ゼロからインデックス付け指定されたインデックスの要素は、Get 31は // $( 'のLi:EQ(7)'。)CSS( '背景色'、 '#369'); 32 // (7)$( 'リー')EQの.css( '背景色'、 '#369');. 33で // 指定したテキスト含む要素ゲット 34がある // $( '李:(国)が含ま')。 CSS(「背景色」、「#369」); 35 // 指定されたプロパティを含む要素によって取得されました、属性によって取得された 36 // $( '李[名= Y]')CSS( '背景色'、 '#369');. 37 [ 38 // 取得父系 39 // サブ要素のすべてを取得 40 // ...; $( '#画像')子供()CSS( '背景色'、 '#369') 41がある // 最初の取得をサブエレメント 42はある // CSS( '背景色'、 '#369');.:$( 'ファースト子UL李') 43がある // 最後の子要素を取得 44をある // $(「UL李:最後の-子供。)CSS( '背景色'' #369; ') 45 //が始まる子要素のインデックスから指定されたインデックスを取得します。 46はある // UL李$(':子-N番目(3)「)CSS。 ( '背景色'、 '#369'); 47 // 要素が兄弟要素取得 48 // '$を(#fを ')PREV()CSS(。。' 背景色」、 '#369')。 49は // 次の要素の兄弟要素取得 50 // $( '#のF')次()CSS( '背景色'、 '#369'); ... 51はある // すべての兄弟(兄弟ではない取得します)は、独自に含まれている 52がある // $( '#のF')SIBLINGS()CSS( '背景色'、 '#369'); ... 53で 54はある // 親要素をゲット 55 // $( '#のF') 。.parent()CSS({背景 -color: '#369'、幅'20ピクセル'、境界'1ピクセル赤色固体'}); // 同時にスタイルと種々の修飾取得 56の // 取得先祖レベル要素 57 // $( '#F')は、検索( '#すべて')CSS( '背景色'、 '#369')..; 58 // 親要素に指定された子要素を探す 59 // ( 'W.')CSS( '背景色'、 '#369')の検索$( '#のF')を..; 60 61で 62ある // クラスは、jQueryのことで任意の要素に属性を追加 で63 // AddClass CSS( '背景色'、 '#369')$( 'DIV')。( 'ITEM1の.item2。'); ... 64 @ jQueryのでクラス属性の削除注:あなたは、クラスのすべてのプロパティを削除するには、クラス名の名前を削除したくない場合は 65 // $(「DIV」)removeClass(「DIV」);. 66 // 複数のスタイルを削除 67 //を 。$( 'DIV')removeClass ( 'のdiv DIV2'); 68 // anotherClassスイッチングパターン繰り返し 69 70 71である // テキストアクション 72 // 削除したりするために設けられている()HTML HTMLコンテンツ 73 // HTMLコンテンツ削除 74 // HTM $ $ = VAR( '#のDIV1')HTML();. 75 // 設定されたHTMLコンテンツ 76 // $( '#divの')HTML( '<span>を追加テキスト</ span>の');. 77 78 // ATTR()を除去またはプロパティ値セット 79 @ 抽出された画像アドレス 80 // VAR SRC = $( '#1 IMG1')ATTR( 'SRC');. 81 // 映像アドレスおよびALTを設定します特性 82 // $( '#1 IMG1')ATTR({SRC: 'test.jpg'、Altキー: 'テストイメージ'}); 83 // ユーザクラス属性セット 84 // $( '#1 IMG1を')。 ATTR( 'クラス'、 'すべて '); 85 //は、カスタム属性かもしれ 86 // $( '#のABC')のattr( '愛'、 'ILOVEYOUを'); 87 88 // removeattr()删除属性 89 // $( '#abcの')removeAttr( 'クラス')。 90 // ... 91 92 </スクリプト> 93 </ BODY> 94 </ HTML>