代码如下:
- $("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>
- <p class="classTag1">
- This is class='classTag1'
- </p>
- <p id="idTag1">
- This is id='idTag1'
- </p>
- </body>
- </HTML>
来源: https://www.2cto.com/kf/201806/756704.html