遍历jquery对象的代码分享 |
本文标签:遍历,jquery对象 复制代码 代码如下: $("dd").bind("click",function(e){ var $obj = $(e.target); var i=0; for (var x in $obj){ i++; var $hr=(i%5==0) ? "<hr />" : " "; document.write(x+" "+$hr); } }); 遍历结果: 0 length prevObject context selector -------------------------------------------------------------------------------- constructor init jquery size toArray -------------------------------------------------------------------------------- get pushStack each ready eq -------------------------------------------------------------------------------- first last slice map end -------------------------------------------------------------------------------- push sort splice extend data -------------------------------------------------------------------------------- removeData queue dequeue delay clearQueue -------------------------------------------------------------------------------- promise attr removeAttr prop removeProp -------------------------------------------------------------------------------- addClass removeClass toggleClass hasClass val -------------------------------------------------------------------------------- bind one unbind delegate undelegate -------------------------------------------------------------------------------- trigger triggerHandler toggle hover live -------------------------------------------------------------------------------- die blur focus focusin focusout -------------------------------------------------------------------------------- load resize scroll unload click -------------------------------------------------------------------------------- dblclick mousedown mouseup mousemove mouseover -------------------------------------------------------------------------------- mouseout mouseenter mouseleave change select -------------------------------------------------------------------------------- submit keydown keypress keyup error -------------------------------------------------------------------------------- find has not filter is -------------------------------------------------------------------------------- closest index add andSelf parent -------------------------------------------------------------------------------- parents parentsUntil next prev nextAll -------------------------------------------------------------------------------- prevAll nextUntil prevUntil siblings children -------------------------------------------------------------------------------- contents text wrapAll wrapInner wrap -------------------------------------------------------------------------------- unwrap append prepend before after -------------------------------------------------------------------------------- remove empty clone html replaceWith -------------------------------------------------------------------------------- detach domManip appendTo prependTo insertBefore -------------------------------------------------------------------------------- insertAfter replaceAll css serialize serializeArray -------------------------------------------------------------------------------- ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess -------------------------------------------------------------------------------- ajaxSend show hide _toggle fadeTo -------------------------------------------------------------------------------- animate stop slideDown slideUp slideToggle -------------------------------------------------------------------------------- fadeIn fadeOut fadeToggle offset position -------------------------------------------------------------------------------- offsetParent scrollLeft scrollTop innerHeight outerHeight -------------------------------------------------------------------------------- height innerWidth outerWidth width 再遍历: 复制代码 代码如下: $("dd").bind("click",function(e){ var $obj = $(e.target); var i=0; for (var x in $obj[0]){ i++; var $hr=(i%5==0) ? "<hr />" : " "; document.write(x+" "+$hr); } }); 遍历结果: querySelector querySelectorAll scrollTop scrollLeft scrollHeight -------------------------------------------------------------------------------- scrollWidth clientTop clientLeft clientHeight clientWidth -------------------------------------------------------------------------------- firstElementChild lastElementChild previousElementSibling 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 dir -------------------------------------------------------------------------------- className accessKey blur focus click -------------------------------------------------------------------------------- tagName removeAttributeNS removeAttribute getAttribute getElementsByTagName -------------------------------------------------------------------------------- setAttribute getElementsByTagNameNS hasAttributeNS setAttributeNS hasAttribute -------------------------------------------------------------------------------- getAttributeNS nodeName nodeValue nodeType parentNode -------------------------------------------------------------------------------- childNodes firstChild lastChild previousSibling nextSibling -------------------------------------------------------------------------------- attributes ownerDocument namespaceURI prefix localName -------------------------------------------------------------------------------- baseURI textContent setUserData getUserData insertBefore -------------------------------------------------------------------------------- replaceChild removeChild appendChild hasChildNodes cloneNode -------------------------------------------------------------------------------- normalize isSupported hasAttributes compareDocumentPosition isSameNode -------------------------------------------------------------------------------- lookupPrefix isDefaultNamespace lookupNamespaceURI isEqualNode getAttributeNode -------------------------------------------------------------------------------- setAttributeNode removeAttributeNode getAttributeNodeNS 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 hidden tabIndex draggable -------------------------------------------------------------------------------- spellcheck dataset 于是用$("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); var i=0; for (var x in $obj){ i++; var $hr=(i%5==0) ? "<hr />" : " "; document.write(x+" "+$hr); } }); 遍历结果: 0 context length constructor init -------------------------------------------------------------------------------- selector jquery size toArray get -------------------------------------------------------------------------------- pushStack each ready eq first -------------------------------------------------------------------------------- last slice map end push -------------------------------------------------------------------------------- sort splice extend data removeData -------------------------------------------------------------------------------- queue dequeue delay clearQueue promise -------------------------------------------------------------------------------- attr removeAttr prop removeProp addClass -------------------------------------------------------------------------------- removeClass toggleClass hasClass val bind -------------------------------------------------------------------------------- one unbind delegate undelegate trigger -------------------------------------------------------------------------------- triggerHandler toggle hover live die -------------------------------------------------------------------------------- blur focus focusin focusout load -------------------------------------------------------------------------------- resize scroll unload click dblclick -------------------------------------------------------------------------------- mousedown mouseup mousemove mouseover mouseout -------------------------------------------------------------------------------- mouseenter mouseleave change select submit -------------------------------------------------------------------------------- keydown keypress keyup error find -------------------------------------------------------------------------------- has not filter is closest -------------------------------------------------------------------------------- index add andSelf parent parents -------------------------------------------------------------------------------- parentsUntil next prev nextAll prevAll -------------------------------------------------------------------------------- nextUntil prevUntil siblings children contents -------------------------------------------------------------------------------- text wrapAll wrapInner wrap unwrap -------------------------------------------------------------------------------- append prepend before after remove -------------------------------------------------------------------------------- empty clone html replaceWith detach -------------------------------------------------------------------------------- domManip appendTo prependTo insertBefore insertAfter -------------------------------------------------------------------------------- replaceAll css serialize serializeArray ajaxStart -------------------------------------------------------------------------------- ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend -------------------------------------------------------------------------------- show hide _toggle fadeTo animate -------------------------------------------------------------------------------- stop slideDown slideUp slideToggle fadeIn -------------------------------------------------------------------------------- fadeOut fadeToggle offset position offsetParent -------------------------------------------------------------------------------- scrollLeft scrollTop innerHeight outerHeight height -------------------------------------------------------------------------------- innerWidth outerWidth 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) ? "<hr />" : " "; document.write(x+" "+$hr); } }); 遍历结果: jQuery16407028609993839658 querySelector querySelectorAll scrollTop scrollLeft -------------------------------------------------------------------------------- scrollHeight scrollWidth clientTop clientLeft clientHeight -------------------------------------------------------------------------------- clientWidth firstElementChild lastElementChild previousElementSibling nextElementSibling -------------------------------------------------------------------------------- childElementCount children classList setCapture getElementsByClassName -------------------------------------------------------------------------------- getClientRects getBoundingClientRect releaseCapture mozMatchesSelector addEventListener -------------------------------------------------------------------------------- removeEventListener dispatchEvent style contentEditable isContentEditable -------------------------------------------------------------------------------- offsetParent innerHTML offsetLeft offsetTop offsetHeight -------------------------------------------------------------------------------- offsetWidth scrollIntoView href rel target -------------------------------------------------------------------------------- name text search hash id -------------------------------------------------------------------------------- title lang dir className accessKey -------------------------------------------------------------------------------- blur focus click tagName removeAttributeNS -------------------------------------------------------------------------------- removeAttribute getAttribute getElementsByTagName setAttribute getElementsByTagNameNS -------------------------------------------------------------------------------- hasAttributeNS setAttributeNS hasAttribute getAttributeNS nodeName -------------------------------------------------------------------------------- nodeValue nodeType parentNode childNodes firstChild -------------------------------------------------------------------------------- lastChild previousSibling nextSibling attributes ownerDocument -------------------------------------------------------------------------------- namespaceURI prefix localName baseURI textContent -------------------------------------------------------------------------------- setUserData getUserData insertBefore replaceChild removeChild -------------------------------------------------------------------------------- appendChild hasChildNodes cloneNode normalize 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 type protocol -------------------------------------------------------------------------------- host hostname port pathname charset -------------------------------------------------------------------------------- coords rev shape hidden draggable -------------------------------------------------------------------------------- spellcheck dataset jQuery Get Tag Name 复制代码 代码如下: <html> <head> <title>jQuery Get Tag Name</title> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> </head> <script type="text/javascript"> $(document).ready(function(){ var $tag = $(p)[0].tagName; //P alert($tag); var $tag = $(.classTag1)[0].tagName; //DIV alert($tag); var $tag = $(#idTag1)[0].tagName; //DIV alert($tag); var $tag = $(p).get(0).tagName; //P alert($tag); var $tag = $(.classTag1).get(0).tagName; //DIV alert($tag); var $tag = $(#idTag1).get(0).tagName; //DIV alert($tag); }); </script> <body> <h1>jQuery Get Tag Name</h1> <p> This is paragrah 1 </p> <div class="classTag1"> This is class=classTag1 </div> <div id="idTag1"> This is id=idTag1 </div> </body> </html> |