设为首页收藏本站
开启辅助访问 切换到宽版

源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
搜索
返回列表 发新帖回复
查看: 45|回复: 23

[JavaScript] 遍历jquery对象的代码分享

[复制链接]
ttx9n

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2011-11-2 11:24:02 | 显示全部楼层 |阅读模式
今天遇到一个问题需要获取tagName，使用jquery，查询了一下，大家说用$("dd").attr("tagName")能获取到，但是得到的返回值是undefined，于是又查询饿了许久，返回遍历了一下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>
遍历, 对象, 代码

相关帖子
回复

使用道具 举报

qwe520

14

主题

1万

回帖

75

积分

注册会员

Rank: 2

积分
75
发表于 2022-8-24 10:05:46 | 显示全部楼层
刷屏刷屏刷屏
回复 支持 反对

使用道具 举报

Anthonylam

0

主题

1万

回帖

68

积分

注册会员

Rank: 2

积分
68
发表于 2022-9-28 09:19:25 | 显示全部楼层
收下来看看怎么样
回复 支持 反对

使用道具 举报

6hruhg

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2022-11-3 23:50:22 | 显示全部楼层
而快乐你们快乐马年快乐
回复 支持 反对

使用道具 举报

ki9ku6

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-1-22 13:08:39 | 显示全部楼层
哦哦哦ijhhsdj
回复 支持 反对

使用道具 举报

leidie123a

1

主题

2万

回帖

59

积分

注册会员

Rank: 2

积分
59
发表于 2023-4-15 08:31:07 | 显示全部楼层
撒房产税陈飞飞
回复 支持 反对

使用道具 举报

nwk53kbd

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-8-30 03:15:19 | 显示全部楼层
还有人在不。。。。。。。。。。啊
回复 支持 反对

使用道具 举报

5ble0ks

1

主题

2万

回帖

176

积分

注册会员

Rank: 2

积分
176
发表于 2023-9-13 20:05:17 | 显示全部楼层
谢谢您的分享！
回复 支持 反对

使用道具 举报

8ayoqrpj

2

主题

2万

回帖

347

积分

中级会员

Rank: 3Rank: 3

积分
347
发表于 2023-10-18 15:35:47 | 显示全部楼层
好东西可以可以可以可以
回复 支持 反对

使用道具 举报

do827261756

0

主题

2万

回帖

120

积分

注册会员

Rank: 2

积分
120
发表于 2023-12-11 02:11:58 | 显示全部楼层
这个源码不错啊
回复 支持 反对

使用道具 举报

返回列表 发新帖 回复
高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-30 11:28 , Processed in 0.277854 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表