ホームページ >ウェブフロントエンド >jsチュートリアル >jquery をトラバースするためのコード共有 object_jquery
jquery をトラバースするためのコード共有 object_jquery
- WBOYオリジナル
- 2016-05-16 17:59:55942ブラウズ
复制代幣代码如下:
$("dd").bind("click",function( e){
var $obj = $(e.target);
for (var x in $obj){
var $hr=( i%5==0) ? "
document.write(x " " $hr);
遍历结果：
0 長さ prevObject コンテキスト セレクター
----------------------- -------------------------------------------------- ---
-------------------------------------- ----------------------------------------
それぞれの PushStack を取得する準備完了
------------------------------------------- -----------------------------------
最初の最後のスライス マップの終了
---- -------------------------------------------------- ------------------------
プッシュ ソート スプライス 拡張データ
------------- -------------------------------------------------- -----------------
removeData キュー デキュー遅延 ClearQueue
----------- -------------------------------------------------- --------
promise attr RemoveAttr prop RemoveProp
----------------------------- --------------------------------------------------
addClassremoveClasstoggleClasshasClassval
----------------------------------------------------- ----------------------------------------
1 つのデリゲートをバインド解除する デリゲートを解除する
------------------------------------------------- -----------------------------
トリガーtriggerHandlerトグルホバーライブ
-------- -------------------------------------------------- ----------------------
ダイ ブラー フォーカス フォーカスイン フォーカスアウト
------ -------------------------------------------------- -------------
ロード サイズ変更 スクロール アンロード クリック
-------------------------- -------------------------------------------------- ----
dblclick マウスダウン マウスアップ マウス移動 マウスオーバー
---------------------- ---------------------------------------------
マウスアウト マウス入力マウスを離して変更を選択
------------------------------------------ ------------------------------------
キーダウンキープレスキーアップエラーを送信
--- -------------------------------------------------- -------------------------
検索にはフィルターがありません
----------- -------------------------------------------------- ------------------
最も近いインデックスの追加と自身の親
--------------------- -------------------------------------------------- ---------
両親 両親次まで 前 次すべて
---------------------------- --------------------------------------------------
前すべて 次まで 前まで 兄弟姉妹の子供まで
-------------------------------------- ---------------------------------------
コンテンツテキスト WrapAll WrapInner Wrap
------------------------------------------------ --------------------------------
アンラップ 追加 前に追加 後
------ -------------------------------------------------- -----------------------
空のクローン HTML を削除します。 replaceWith
----- -------------------------------------------------- --------------
detach domManip appendTo prependTo insertBefore
---------------------- -------------------------------------------------- -----
insertAfter replaceAll css シリアライズ SerializeArray
--------------------------------- ----------------------------------------
ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess
------------------------------------------ -------------------------------------
ajaxSend show Hide _toggle fadeTo
-- -------------------------------------------------- ----------------------------
アニメーション停止 slideDown slideUp slideToggle
----------- -------------------------------------------------- -------------------
fadeIn fadeOut fadeToggle オフセット位置
--------- -------------------------------------------------- ----------
offsetParent スクロール左スクロールトップ innerHeight 外側高さ
---------------------------- -------------------------------------------------- -
高さ innerWidth 外幅 幅
再遍历：
复制代
代码如下: $("dd").bind("click",function(e){ var $obj = $(e.target);
var i=0; for (var x in $obj[0]){
i ;
var $hr=(i%5==0) ? "
" : " ";
document.write(x " " $hr);
}
});
遍历結果：
querySelector querySelectorAllscrollTopscrollLeftscrollHeight
--------------------------------- -----------------------------------------------
スクロール幅 clientTop clientLeft clientHeight clientWidth
------------------------------------------ --------------------------------------
firstElementChild lastElementChildPreviousElementSibling nextElementSibling childElementCount
- -------------------------------------------------- ------------------------
children classList setCapture getElementsByClassName getClientRects
---------- -------------------------------------------------- --------------------
getBoundingClientRect releaseCapture mozMatchesSelector addEventListener RemoveEventListener
---- -------------------------------------------------- -----------
dispatchEvent style contentEditable isContentEditable offsetParent
---------------------------- -------------------------------------------------- --
innerHTML offsetLeft offsetTop offsetHeight offsetWidth
------------------------------------- -----------------------------------------
scrollIntoView id title langディレクトリ
---------------------------------------------- ----------------------------------
className accessKey ぼかしフォーカスクリック
----- -------------------------------------------------- ------------------------
tagNameremoveAttributeNSremoveAttributegetAttributegetElementsByTagName
-------------- -------------------------------------------------- ----------------
setAttribute getElementsByTagNameNS hasAttributeNS setAttributeNS hasAttribute
---------------------- -------------------------------------------------- -------
getAttributeNS ノード名 ノード値 ノードタイプ 親ノード
-------------------------------- ------------------------------------------------
childNodes firstChild lastChild beforeSibling nextSibling
----------------------------------------------------- ---------------------------------------
属性 ownerDocument 名前空間 URI 接頭辞 localName
-------------------------------------------------- ----------------------------
baseURI textContent setUserData getUserData insertBefore
----------- -------------------------------------------------- ----------
replaceChildremoveChildappendChildhasChildNodes cloneNode
------ -------------------------------------------------- ------------
normalize isSupported hasAttributes CompareDocumentPosition isSameNode
-------------------------- -------------------------------------------------- ---
lookupPrefix isDefaultNamespace lookupNamespaceURI isEqualNode getAttributeNode
-------------------------------------- --------------------------------------------
setAttributeNoderemoveAttributeNodegetAttributeNodeNS setAttributeNodeNS ELEMENT_NODE
------------------------------------------ -----------------------------------
ATTRIBUTE_NODE TEXT_NODE CDATA_SECTION_NODE ENTITY_REFERENCE_NODE ENTITY_NODE
---- -------------------------------------------------- ------------------------
PROCESSING_INSTRUCTION_NODE COMMENT_NODE DOCUMENT_NODE DOCUMENT_TYPE_NODE DOCUMENT_FRAGMENT_NODE
------------- -------------------------------------------------- -----------------
NOTATION_NODE DOCUMENT_POSITION_DISCONNECTED DOCUMENT_POSITION_PRECEDING DOCUMENT_POSITION_FOLLOWING DOCUMENT_POSITION_CONTAINS
----------- -------------------------------------------------- --------
DOCUMENT_POSITION_CONTAINED_BY DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC 非表示の tabIndex ドラッグ可能
----------------------------- --------------------------------------------------
スペルチェック データセット
以降、$("dd")[0].tagName を取得できます。tagName。
参考：http://www.mkyong.com/jquery/jquery-how-to-get-the-tag-name/
その後与$("a")遍历的结果对比
$("a").bind("click",function(e ){
var $obj = $(e.target);
for (var x in $obj){
var $hr=(i %5==0) ? "
document.write(x " " $hr);
遍历结結果：
0 コンテキスト長コンストラクター初期化
--------------------------------- -----------------------------------------------
selector jquery size toArray get
------------------------------------------ --------------------------------------
準備ができた各 eq を最初にプッシュスタックします
- -------------------------------------------------- ------------------------
最後のスライスマップ終了プッシュ
---------- -------------------------------------------------- --------------------
ソート スプライス データ拡張 データ削除
-------- -------------------------------------------------- -----------
キューデキュー遅延clearQueueプロミス
---------------------------- -------------------------------------------------- --
attrremoveAttrpropremovePropaddClass
------------------------------------- ---------------------------------------
removeClass toggleClass hasClass valバインド
---------------------------------------------- ----------------------------------
1 つのバインド解除デリゲート アンデリゲート トリガー
----- -------------------------------------------------- ------------------------
triggerHandler toggle hover live die
-------------- -------------------------------------------------- ----------------
ブラーフォーカス focusin focusout ロード
---------------------- -------------------------------------------------- -------
サイズ変更 スクロール アンロード クリック dblclick
-------------------------------- ------------------------------------------------
マウスダウン マウスアップ マウス移動 マウスオーバー マウスアウト
----------------------------------------------------- ---------------------------------------
マウス入力 マウス入力のまま 変更を選択 送信
-------------------------------------------------- ----------------------------
キーダウン キープレス キーアップ エラー
を検索 ---------------------- -------------------------------------------------- ------------------------
が最も近いフィルターはありません
------ -------------------------------------------------- ------------
インデックス追加 andSelf 親
---------------------- -------------------------------------------------- ---
両親次まで前へ次すべて前すべて
-------------------------------------- ---------------------------------------
次まで前まで兄弟姉妹までお子様向けコンテンツ
------------------------------------------ -----------------------------------
テキストのラップすべてのラップ内側のラップのラップ解除
---- -------------------------------------------------- ------------------------
追加 前に追加 削除後
------------- -------------------------------------------------- -----------------
空のクローン html replaceWith detach
---------------------- -------------------------------------------------- --------
domManip appendTo prependTo insertBefore insertAfter
----------------------------- --------------------------------------------------
replaceAll cssserializeserializeArray ajaxStart
-------------------------------------- ----------------------------------------
ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend
------------------------------------------------- ------------------------
表示 非表示 _toggle fadeアニメーション化するには
-------- -------------------------------------------------- ----------------------
スライドを停止ダウンスライド上スライドフェードインを切り替え
------ -------------------------------------------------- -------------
fadeOut fadeToggle オフセット位置 offsetParent
-------------------------- -------------------------------------------------- ----
scrollLeftscrollTop innerHeight externalHeight height
---------------------- ---------------------------------------------
innerWidth externalWidth width
再遍历：
$( "a").bind("click",function(e){
var $obj = $(e.target);
var i=0;
for (var x in $obj[0]){
i ;
var $hr=(i%5==0) ? "
" : " ";
document.write(x " " $hr);
}
});
遍历結果：
jQuery16407028609993839658 querySelector querySelectorAllscrollTopscrollLeft
--------------------------------- -----------------------------------------------
スクロール高さ スクロール幅 clientTop clientLeft clientHeight
------------------------------------------ --------------------------------------
clientWidth firstElementChild lastElementChildPreviousElementSibling nextElementSibling
- -------------------------------------------------- ------------------------
childElementCount 子 classList setCapture getElementsByClassName
---------- -------------------------------------------------- --------------------
getClientRects getBoundingClientRect releaseCapture mozMatchesSelector addEventListener
-------- -------------------------------------------------- -----------
removeEventListenerdispatchEvent style contentEditable isContentEditable
---------------------------- -------------------------------------------------- --
offsetParent innerHTML offsetLeft offsetTop offsetHeight
------------------------------------- ---------------------------------------
offsetWidthscrollIntoView href relターゲット
---------------------------------------------- ----------------------------------
名前テキスト検索ハッシュ ID
----- -------------------------------------------------- ------------------------
title lang dir className accessKey
-------------- -------------------------------------------------- ----------------
ぼかしフォーカスクリックタグ名removeAttributeNS
----------- -------------------------------------------------- -------
removeAttribute getAttribute getElementsByTagName setAttribute getElementsByTagNameNS
-------------------------------- ------------------------------------------------
hasAttributeNS setAttributeNS hasAttribute getAttributeNS ノード名
----------------------------------------------------- ---------------------------------------
nodeValue nodeTypeparentNode childNodes firstChild
-------------------------------------------------- ----------------------------
lastChildPreviousSibling nextSibling 属性 ownerDocument
----------- -------------------------------------------------- ----------
namespaceURI プレフィックス localName BaseURI textContent
------ -------------------------------------------------- ------------
setUserData getUserData insertBefore replaceChildremoveChild
----------------------- -------------------------------------------------- ---
appendChild hasChildNodes cloneNode 正規化 isSupported
-------------------------------------- --------------------------------------------
hasAttributes CompareDocumentPosition isSameNode lookupPrefix isDefaultNamespace
------------------------------------------ -----------------------------------
lookupNamespaceURI isEqualNode tabIndex ELEMENT_NODE ATTRIBUTE_NODE
---- -------------------------------------------------- ------------------------
TEXT_NODE CDATA_SECTION_NODE ENTITY_REFERENCE_NODE ENTITY_NODE PROCESSING_INSTRUCTION_NODE
------------- -------------------------------------------------- -----------------
COMMENT_NODE DOCUMENT_NODE DOCUMENT_TYPE_NODE DOCUMENT_FRAGMENT_NODE NOTATION_NODE
----------- -------------------------------------------------- --------
DOCUMENT_POSITION_DISCONNECTED DOCUMENT_POSITION_PRECEDING DOCUMENT_POSITION_FOLLOWING DOCUMENT_POSITION_CONTAINS DOCUMENT_POSITION_CONTAINED_BY
----------------------------- --------------------------------------------------
DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC getAttributeNode setAttributeNode RemoveAttributeNode getAttributeNodeNS
------------------------------------------ ----------------------------------------
setAttributeNodeNS ping hreflang タイプのプロトコル
------------------------------------------------- ------------------------
ホスト ホスト名 ポート パス名 文字セット
-------- -------------------------------------------------- ----------------------
座標回転形状非表示ドラッグ可能
------ -------------------------------------------------- -------------
スペルチェック データセット
jQuery タグ名取得
jQuery タグ名を取得
これは class='classTag1'
です。
これは id='idTag1'
i ;
var $hr=(i%5==0) ? "
" : " ";
document.write(x " " $hr);
}
});
遍历結果：
querySelector querySelectorAllscrollTopscrollLeftscrollHeight
--------------------------------- -----------------------------------------------
スクロール幅 clientTop clientLeft clientHeight clientWidth
------------------------------------------ --------------------------------------
firstElementChild lastElementChildPreviousElementSibling nextElementSibling childElementCount
- -------------------------------------------------- ------------------------
children classList setCapture getElementsByClassName getClientRects
---------- -------------------------------------------------- --------------------
getBoundingClientRect releaseCapture mozMatchesSelector addEventListener RemoveEventListener
---- -------------------------------------------------- -----------
dispatchEvent style contentEditable isContentEditable offsetParent
---------------------------- -------------------------------------------------- --
innerHTML offsetLeft offsetTop offsetHeight offsetWidth
------------------------------------- -----------------------------------------
scrollIntoView id title langディレクトリ
---------------------------------------------- ----------------------------------
className accessKey ぼかしフォーカスクリック
----- -------------------------------------------------- ------------------------
tagNameremoveAttributeNSremoveAttributegetAttributegetElementsByTagName
-------------- -------------------------------------------------- ----------------
setAttribute getElementsByTagNameNS hasAttributeNS setAttributeNS hasAttribute
---------------------- -------------------------------------------------- -------
getAttributeNS ノード名 ノード値 ノードタイプ 親ノード
-------------------------------- ------------------------------------------------
childNodes firstChild lastChild beforeSibling nextSibling
----------------------------------------------------- ---------------------------------------
属性 ownerDocument 名前空間 URI 接頭辞 localName
-------------------------------------------------- ----------------------------
baseURI textContent setUserData getUserData insertBefore
----------- -------------------------------------------------- ----------
replaceChildremoveChildappendChildhasChildNodes cloneNode
------ -------------------------------------------------- ------------
normalize isSupported hasAttributes CompareDocumentPosition isSameNode
-------------------------- -------------------------------------------------- ---
lookupPrefix isDefaultNamespace lookupNamespaceURI isEqualNode getAttributeNode
-------------------------------------- --------------------------------------------
setAttributeNoderemoveAttributeNodegetAttributeNodeNS setAttributeNodeNS ELEMENT_NODE
------------------------------------------ -----------------------------------
ATTRIBUTE_NODE TEXT_NODE CDATA_SECTION_NODE ENTITY_REFERENCE_NODE ENTITY_NODE
---- -------------------------------------------------- ------------------------
PROCESSING_INSTRUCTION_NODE COMMENT_NODE DOCUMENT_NODE DOCUMENT_TYPE_NODE DOCUMENT_FRAGMENT_NODE
------------- -------------------------------------------------- -----------------
NOTATION_NODE DOCUMENT_POSITION_DISCONNECTED DOCUMENT_POSITION_PRECEDING DOCUMENT_POSITION_FOLLOWING DOCUMENT_POSITION_CONTAINS
----------- -------------------------------------------------- --------
DOCUMENT_POSITION_CONTAINED_BY DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC 非表示の tabIndex ドラッグ可能
----------------------------- --------------------------------------------------
スペルチェック データセット
以降、$("dd")[0].tagName を取得できます。tagName。
参考：http://www.mkyong.com/jquery/jquery-how-to-get-the-tag-name/
その後与$("a")遍历的结果对比
复制代代码如下:
$("a").bind("click",function(e ){
var $obj = $(e.target);
for (var x in $obj){
var $hr=(i %5==0) ? "
document.write(x " " $hr);
遍历结結果：
0 コンテキスト長コンストラクター初期化
--------------------------------- -----------------------------------------------
selector jquery size toArray get
------------------------------------------ --------------------------------------
準備ができた各 eq を最初にプッシュスタックします
- -------------------------------------------------- ------------------------
最後のスライスマップ終了プッシュ
---------- -------------------------------------------------- --------------------
ソート スプライス データ拡張 データ削除
-------- -------------------------------------------------- -----------
キューデキュー遅延clearQueueプロミス
---------------------------- -------------------------------------------------- --
attrremoveAttrpropremovePropaddClass
------------------------------------- ---------------------------------------
removeClass toggleClass hasClass valバインド
---------------------------------------------- ----------------------------------
1 つのバインド解除デリゲート アンデリゲート トリガー
----- -------------------------------------------------- ------------------------
triggerHandler toggle hover live die
-------------- -------------------------------------------------- ----------------
ブラーフォーカス focusin focusout ロード
---------------------- -------------------------------------------------- -------
サイズ変更 スクロール アンロード クリック dblclick
-------------------------------- ------------------------------------------------
マウスダウン マウスアップ マウス移動 マウスオーバー マウスアウト
----------------------------------------------------- ---------------------------------------
マウス入力 マウス入力のまま 変更を選択 送信
-------------------------------------------------- ----------------------------
キーダウン キープレス キーアップ エラー
を検索 ---------------------- -------------------------------------------------- ------------------------
が最も近いフィルターはありません
------ -------------------------------------------------- ------------
インデックス追加 andSelf 親
---------------------- -------------------------------------------------- ---
両親次まで前へ次すべて前すべて
-------------------------------------- ---------------------------------------
次まで前まで兄弟姉妹までお子様向けコンテンツ
------------------------------------------ -----------------------------------
テキストのラップすべてのラップ内側のラップのラップ解除
---- -------------------------------------------------- ------------------------
追加 前に追加 削除後
------------- -------------------------------------------------- -----------------
空のクローン html replaceWith detach
---------------------- -------------------------------------------------- --------
domManip appendTo prependTo insertBefore insertAfter
----------------------------- --------------------------------------------------
replaceAll cssserializeserializeArray ajaxStart
-------------------------------------- ----------------------------------------
ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend
------------------------------------------------- ------------------------
表示 非表示 _toggle fadeアニメーション化するには
-------- -------------------------------------------------- ----------------------
スライドを停止ダウンスライド上スライドフェードインを切り替え
------ -------------------------------------------------- -------------
fadeOut fadeToggle オフセット位置 offsetParent
-------------------------- -------------------------------------------------- ----
scrollLeftscrollTop innerHeight externalHeight height
---------------------- ---------------------------------------------
innerWidth externalWidth width
再遍历：
复制代码代码如下:
$( "a").bind("click",function(e){
var $obj = $(e.target);
var i=0;
for (var x in $obj[0]){
i ;
var $hr=(i%5==0) ? "
" : " ";
document.write(x " " $hr);
}
});
遍历結果：
jQuery16407028609993839658 querySelector querySelectorAllscrollTopscrollLeft
--------------------------------- -----------------------------------------------
スクロール高さ スクロール幅 clientTop clientLeft clientHeight
------------------------------------------ --------------------------------------
clientWidth firstElementChild lastElementChildPreviousElementSibling nextElementSibling
- -------------------------------------------------- ------------------------
childElementCount 子 classList setCapture getElementsByClassName
---------- -------------------------------------------------- --------------------
getClientRects getBoundingClientRect releaseCapture mozMatchesSelector addEventListener
-------- -------------------------------------------------- -----------
removeEventListenerdispatchEvent style contentEditable isContentEditable
---------------------------- -------------------------------------------------- --
offsetParent innerHTML offsetLeft offsetTop offsetHeight
------------------------------------- ---------------------------------------
offsetWidthscrollIntoView href relターゲット
---------------------------------------------- ----------------------------------
名前テキスト検索ハッシュ ID
----- -------------------------------------------------- ------------------------
title lang dir className accessKey
-------------- -------------------------------------------------- ----------------
ぼかしフォーカスクリックタグ名removeAttributeNS
----------- -------------------------------------------------- -------
removeAttribute getAttribute getElementsByTagName setAttribute getElementsByTagNameNS
-------------------------------- ------------------------------------------------
hasAttributeNS setAttributeNS hasAttribute getAttributeNS ノード名
----------------------------------------------------- ---------------------------------------
nodeValue nodeTypeparentNode childNodes firstChild
-------------------------------------------------- ----------------------------
lastChildPreviousSibling nextSibling 属性 ownerDocument
----------- -------------------------------------------------- ----------
namespaceURI プレフィックス localName BaseURI textContent
------ -------------------------------------------------- ------------
setUserData getUserData insertBefore replaceChildremoveChild
----------------------- -------------------------------------------------- ---
appendChild hasChildNodes cloneNode 正規化 isSupported
-------------------------------------- --------------------------------------------
hasAttributes CompareDocumentPosition isSameNode lookupPrefix isDefaultNamespace
------------------------------------------ -----------------------------------
lookupNamespaceURI isEqualNode tabIndex ELEMENT_NODE ATTRIBUTE_NODE
---- -------------------------------------------------- ------------------------
TEXT_NODE CDATA_SECTION_NODE ENTITY_REFERENCE_NODE ENTITY_NODE PROCESSING_INSTRUCTION_NODE
------------- -------------------------------------------------- -----------------
COMMENT_NODE DOCUMENT_NODE DOCUMENT_TYPE_NODE DOCUMENT_FRAGMENT_NODE NOTATION_NODE
----------- -------------------------------------------------- --------
DOCUMENT_POSITION_DISCONNECTED DOCUMENT_POSITION_PRECEDING DOCUMENT_POSITION_FOLLOWING DOCUMENT_POSITION_CONTAINS DOCUMENT_POSITION_CONTAINED_BY
----------------------------- --------------------------------------------------
DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC getAttributeNode setAttributeNode RemoveAttributeNode getAttributeNodeNS
------------------------------------------ ----------------------------------------
setAttributeNodeNS ping hreflang タイプのプロトコル
------------------------------------------------- ------------------------
ホスト ホスト名 ポート パス名 文字セット
-------- -------------------------------------------------- ----------------------
座標回転形状非表示ドラッグ可能
------ -------------------------------------------------- -------------
スペルチェック データセット
jQuery タグ名取得
复制代码代码如下:
jQuery タグ名を取得
これは段落 1
これは class='classTag1'
これは id='idTag1'