手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >遍历jquery对象的代码分享
遍历jquery对象的代码分享
摘要:复制代码代码如下:$("dd").bind("click",function(e){var$obj=$(e.target);vari=0;f...

复制代码 代码如下:

$("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>

This is

</div>

<div id="idTag1">

This is id='idTag1'

</div>

</body>

</html>

【遍历jquery对象的代码分享】相关文章:

动态加载jQuery的方法

Js和JQuery获取鼠标指针坐标的实现代码分享

7个有用的jQuery代码片段分享

jQuery封装的tab选项卡插件分享

JQuery使用index方法获取Jquery对象数组下标的方法

jQuery的基本概念与高级编程

如何遍历对象的属性?

网页常用特效代码整理

jQuery实现返回顶部效果的方法

jQuery的Scrollify插件实现滑动到页面下一节点

精品推荐
分类导航