jQuery でよく使用されるメソッドの紹介

1. 階層セレクター
子孫セレクター「親要素 子孫要素」

例: $("div p") は div 要素以下のすべての p 要素を選択します

子要素セレクター "親要素>子要素"

の場合例: $("div>p") div の子要素内の p 要素を選択します

最初の後方兄弟要素 "要素名 + 兄弟要素"

例: $("div+p") div 要素の後の最初の p 要素

とその後ろにあるすべての兄弟要素 "要素名~兄弟要素"

例: $("div~p") div 要素の後のすべての p 要素を選択します

2 .Filterセレクター :first $("p: gt (1) "); すべて & lt; p & gt; 要素
: eq (1) に等しい & lt; ; 要素
: ODD $ (" td: oDddddddddd "); 奇数のすべての要素
クラス名を持たないすべての

要素を選択します

コンテンツに基づいてフィルターします
:contains(content)
:空()


表示に基づいてフィルターします
:hidden 非表示の要素を選択します (display: none または type="hidden"、または非表示の親要素、または長さと幅が 0 の要素、これらの要素は非表示の要素です)

3. フォームセレクター
:input

:button
:file
: radio
:submit

4. 属性 - フィルターセレクター
[属性名] この属性を持つ要素を選択します
[属性名='値']属性が特定の値に等しい要素を選択します
[属性名!= 'value'] 属性が特定の値に等しくない要素を選択します

例: $("input[name='newlatter']") ; name 属性が newlatter である入力要素を選択します

5. フォーム属性セレクター
要素をフィルターするには :checked :selected :enabled :disabled を使用します
属性フィルター セレクターの簡略化
例: $(":radio:checked") すべて選択選択されたラジオ要素

$("select option:selected ") 選択された select 配下のオプション要素をすべて選択

6. アトリビュートメソッド

attr("属性名") 属性の取得

attr("属性名",attribute value) 属性の設定

removeAttr(" 属性名") 属性の削除

7. value 属性を取得および設定するメソッド
val() および val("value")

8. html() html("value")
html() は innerHTML に対応します
html("value") innerHTML ="value"

text() に対応 text("value")
text() innerText() に対応
text("value") は innerText="value"


に対応 9. スタイル関数
css ("スタイルの名前 ") スタイルに対応する値を取得します
css("スタイルの名前", "スタイルの値") 対応するスタイルを設定します 一度に 1 つずつ設定します
css({"スタイルの名前" : "スタイルの値", "スタイルの名前" : "スタイルの値"}) 複数のスタイルを一度に設定します
ADDClass ("クラス名") ) 切换

width() 获取宽度
height() 获取高さ
innerWidth() 获取宽度（内边距離を含む）
externalWidth() 获取宽度(内边距離と边框を含む)
externalWidth(true) 获取宽度(パディングと境界線と余白)


10. 関数の表示と非表示
show() Show hide()の ' s ' s through ‐ ‐ ‐‐ ‐ to show() hide(speed) in 指定時間内に非表示にする
toggle(speed) 指定時間内で切り替える

slideUp(speed) 指定時間内で上に縮小
slideDown(speed) 指定時間内で下に拡大
slideToggle(speed) SlideToggle(speed) 指定時間内で上記2つの状態を切り替えるfadein（speed）を使用して使用して使用して使用して使用して使用して使用して使用して使用して使用して使用して使用して使用します。 {"パラメータ"},[時間],[アニメーションコールバック関数]); ("div").animate({
左:'250px',
不透明度:'0.5',
高さ:'150px',
幅: '150px'
},2000);
});


12. イベントのバインド
Selector.bind("event", イベントハンドラー関数); 要素のイベントに関連付けられた、対応するイベント ハンドラー関数です。 on
Selector.unbind("event"); の使用を推奨します。 イベントと対応する処理関数の関連付けを解除します。 off
Selector.trigger("event"); の使用を推奨します。
よく使用されるイベントを作成します。イベント関数:
click(fn)/click()
dblclick（fn）/dblclick（）keyup（fn）/keyup（）o mouseover（fn）/mouseover（）
mouseout（fn）/mouseout（）/mouseout（） (fn)

.click(function(e){});//e はイベントオブジェクトです
V $ ("div"). Bind ("click", function () {});

13.Event ターゲットでよく使用されるイベント オブジェクト
Pagex マウスのクリック
Pagey マウスのクリック Y 座標 o Stoppropagation () をキャンセルインシデント バブリング

、例: $ (": Button").件 14. 組み合わせイベント関数
ホバー (オーバー、アウト)
マウスを動かすと OVER 関数がトリガーされ、OUT 関数が削除されます

15. 動的イベント関数
on (イベント タイプ、セレクター、処理関数)
は、セレクター
に一致する要素内の既存および将来の要素の特定の Binding イベントに与えることができます


16. 文書処理機能
before() 要素の後にコンテンツを挿入します。一致する各要素の前にコンテンツを挿入
Remove() ノードを削除
empty() 空のノード
ノード要素をコピー
clone(true) ノード要素とバインドされたイベントをコピー 処理中
アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト スルー アウトthrough out ' s to ‐ ‐ ‐ ‐‐ nw‐‐ ‐ 親要素
EQ (INDEX) を検索し、Index+ で jQuery オブジェクトを返します。 1 位
最初 ( ) 最初の要素を取得する
Last () 最後の要素を取得する
要素が EXPR を満たすかどうかを判断する 条件 (Not (Expr) は特定の条件を満たさない要素を返す
GET (INDEX) は一致する条件の 1 つを取得するDOM 要素

17. ツール関数
$ .Each (Object, [Callback])
トラバーサとオブジェクト
$.unique(array) ‐ 配列内の重複要素を削除するには、DOM 要素配列のみを削除できることに注意してください。 、文字列または数字アレイ$へ。

以上がjQuery でよく使用されるメソッドの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。