管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

遍历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>

教程首页 更多教程