使用2019年12月12日にjqueryのシンプル

注:
$(関数(){} // jQueryのコード); jQueryのは、完全にロードされて実行する前に、文書のコードを防ぐ
株式会社jQueryのCDN:
百度CDN:https://apps.bdimg.com/libs/jquery/2.1.4/jquery .min.js
StaticFile CDN:https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js
雲のCDNを撃つ:https://upcdn.b0.upaiyun.com/libs/jquery/jquery -2.0.2.min.js
シーナCDN:https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js
GoogleのCDN:https://ajax.googleapis.com /ajax/libs/jquery/1.10.2/jquery.min.js
microsift CDN:https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js
選択された要素:
$( " 「) ;選択のすべての要素
$(この);現在のHTML要素を選択し
、選択ID =タグ要素; $(「#タグ」)
$(「タグ」);タグ要素のクラスを選択し
、すべてを選択し、$(「DIV」) div要素
$(「p.test」);テストの選択されたクラス用のpタグ要素
$( "本部:最初の") ; 最初のdiv要素の選択
$( "UL李:最初の" ); 最初のli要素の中に最初のul要素を選択
$( "UL李:初段子を"); UL要素liの最初の要素のそれぞれを選択
$(「[HREF]」) ; 選択されたタグとhref属性
$(「[ターゲット= 『 _ブランク』]」); すべてのターゲットを選択し、属性値が等しい_blankあります要素
$(「[ターゲット= 『 _空白』!]」); すべてのターゲット属性値は要素等しい_blankない選択
$(「:ボタン」);すべてのタイプ=「ボタン」入力要素とボタンを選択します要素
$( "TR:でも") ; TR要素のさえ位置選択
$( "TR:奇数") ; のTR要素選択奇数位置
イベント:
$( "#タグ")をクリックします(関数(){//クリックしてください。論理});
$( "タグ#")DBLCLICK(関数(){//ダブルロジック});
$( "タグ#")のMouseEnter(関数(){//)}論理素子にマウスを移動させます。
$( "#タグ")mouseleave (関数(){// マウス論理素子を出た後});.
$( "タグ#")のmouseDown(関数(){}論理ダウン//マウス);
$( " #tag「)。mouseup(関数(){//マウスアップロジック})。
。$( "#タグ") (関数(){//ホバー{論理素子を出た後//マウス}論理素子へ移動するマウス}、関数())
。$( "タグ#")フォーカス(関数( ){//要素がフォーカス論理を有する場合});
$( "タグ#")ぼかし(関数(){//場合}論理素子がフォーカスを失ったときに);.
効果:
$( "タグ#")を隠します(。 );要素に隠された
( "#タグ")ショー$を ();. 表示要素を
$( "#タグ")。隠す(2000年、 "線形"、関数(){ //実行ロジック後2秒});
$ (「#tag」)トグル() ; スイッチングショー()および非表示()メソッド(要素をクリックし、次に目に見えないをクリックし、表示されている)。
属性:
$(「#タグ」)、テキスト(「こんにちは世界」);または設定。ラベルテキスト値が取得
$( "#タグ")。 HTML( "

こんにちは世界

; ")[設定]タブの内部には、再ラベル付け
#タグ")valを$( "("こんにちは、世界を"); 内部で一般的に取得するために使用されるか、またはセット値の入力ボックス
$(" #タグ")。 HREF」、Attrの(" "www.xxx.com/duck.jpg");単一の属性セット
$( "#タグ")のattr ({ "HREF" :.「世界www.xxx.com/duck.jpg","value":"hello 「});複数の属性
要素の:
$(」タグ#「)アペンド(」

こんにちは世界

「);内部コンテンツの選択された要素の末尾に挿入(父性)
$( 『#タグ』)先頭に追加( "。

こんにちは世界

「);内部のインサートコンテンツ(父性)の選択された要素の開始時に
$(」#タグ「)(後。」

こんにちは世界

「);選択された要素の内容(兄弟)の後に挿入
$(」#タグ「()の前に。」

こんにちは世界

「);元素選択される前に、挿入コンテンツ(兄弟)
$( "#タグ")を削除 ();. 指定されたIDタグ削除
"$( "Pのqifenを") 。)を削除する(" ;. 削除IDがqifenあります全て

要素
$( "#タグ")空 (); すべてのタグの指定されたID内部の要素を削除します。
CSS:
。$( "H1、H2、P")addClass( "className1 className2");複数のラベルを選択して追加し、より多くのCSSクラス
$( "H1、H2、P ")removeClass( "className1 className2は");. 複数のタグを選択して、複数のCSSクラスを削除します
。$( "H1、H2、 P")toggleClass( "className1 className2") ;方法削除クラススイッチング動作/要素が追加選択された
$(「P」)、CSS( 「背景色」);. 戻り背景色の値の最初の整合要素
$(「P」)CSS。 ( " 背景色「」黄色『 ) の一致するすべての要素に設けられた背景色の値が
$(』 P 『)、CSS( {』背景色『:』黄「」フォントサイズ『:』 200%「} );背景色値とフォントサイズの値提供されるすべてのマッチング要素の
サイズ:
$(「タグ#」)の幅();戻り要素が提供されるか、(パディング、境界又は縁を含まない幅)。
$( 「#tag」)の高さ(); 。 パディング、ボーダーやマージンを含まない要素セットまたはリターン(の高さ)
$(「#タグ」)はinnerWidth();.戻りマージンを含む要素の幅()
$( "#タグ")はinnerHeight ();. 復帰 (パディングを含む)要素の高さに戻ります
。$(「#タグ」) outerWidthの(); (パディングとボーダーを含む)要素の幅を返します
$(「タグ#」)outerHeight();(パディングとボーダーを含む)要素の幅を返します。
トラバーサル:
祖先:
$(「#タグ」)、親();メソッドは、選択した要素の直接の親要素を返します。
$(「#タグ」)。親(); メソッドは、すべての方法に、すべての祖先要素を返します
$(「#タグ」) .parents( "DIV"); ID祖先メソッド戻りのdivタグのタグの全ての要素
( "#タグ")$ parentsUntil ( "DIV");. 要素間の識別方法戻ります

要素の祖先の間のすべての
子孫:
$( "#タグ")こども();戻り値の要素の直接の子要素()。
$( "#タグ")子ども( "P.1");戻りラベル。 pとクラスが1の直接の子である
$(「#タグ」)を見つける ();. 戻り、すべての子孫の要素(マルチレベル)の要素
$(「#タグ」);要素にすべての戻りが (「DIV」)を見つけます。 子孫ラベルのdivタグ
$( "#タグ")を見つける ( ""); すべての子孫要素の復帰要素。
兄弟:
$( "#タグ")。兄弟は();すべての兄弟を返します
$( "#タグ" ).siblings( "DIV");戻り、全ての兄弟でのdivである
$( "#タグ")が次の ();. 戻り次の兄弟PREV()メソッド逆有し
$( "#タグ")nextAllを (。 );すべての兄弟要素の後ろに戻りラベルが反対のprevAll()メソッドを持つ
$(「#タグ」)nextUntil (「DIV」)を;. 方法は、ID要素を返して
反対の要素間のすべての兄弟はprevUntilのです
:フィルタ
$(「P-DIV」)ファースト();最初に選択します。
最初の内部素子

要素
$( "のdiv P")、最後の ();. 最後を選択

最後の要素

要素
$( "div要素")EQ( 2);. 選択された要素のインデックスによると、(インデックスDIV 2で選択した要素を取得)の要素を取る
$( "div要素")フィルタ( "URL");. 戻りますdivクラスという名前のURL
$( "div要素")ではない( "URL"); フィルタのdivという名前のクラスのurl()メソッドの反対なしで復帰。
jQueryのAJAX:
$( "#タグ")。負荷(「www.xxx.com/abc.txt」);任意のタグ、ID =タグ要素内abc.txtプットは、ラベルを交換するためにロードされます

。$( "#タグ")負荷( "www.xxx.com/abc.txt"、機能(responseTxt、statusTxt、XHR){(statusTxt == "成功"){//が正常にロジックをロード}もし、あれば( statusTxt == "エラー"){アラート( "フェイル論理" + xhr.status + ":" + xhr.statusText);}}); //ロードロジックの成功と失敗

$に.get( "/ PIC"、機能(データ、ステータス){警告( "データ:" +データ+ "ステータス:" +状態);}); //取得要求

$ .Post( "/ PIC"、{名: "7"、年齢:20}関数(データ、ステータス){警告( "データ:" +データ+ "ステータス:" +状態);});ポスト要求

发布了5 篇原创文章 · 获赞 1 · 访问量 177

おすすめ

転載: blog.csdn.net/lu858810078/article/details/104109576