遍历jquery对象的代码分享


Posted in Javascript onNovember 02, 2011
$("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>
Javascript 相关文章推荐
关于恒等于(===)和非恒等于(!==)
Aug 20 Javascript
JSQL 基于客户端的成绩统计实现方法
May 05 Javascript
js优化针对IE6.0起作用(详细整理)
Dec 25 Javascript
关于extjs4如何获取grid修改后的数据的问题
Aug 07 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
Dec 12 Javascript
jQuery zclip插件实现跨浏览器复制功能
Nov 02 Javascript
AngularJS学习笔记之依赖注入详解
May 16 Javascript
JavaScript实现星级评分
Jan 12 Javascript
浅谈AngularJS中$http服务的简单用法
May 15 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
Apr 04 Javascript
从零撸一个pc端vue的ui组件库( 计数器组件 )
Aug 08 Javascript
JS判断数组是否包含某元素实现方法汇总
Jun 24 Javascript
jquery 笔记 事件
Nov 02 #Javascript
分页栏的web标准实现
Nov 01 #Javascript
jquery键盘事件使用介绍
Nov 01 #Javascript
JS鼠标事件大全 推荐收藏
Nov 01 #Javascript
EasyUI中的tree用法介绍
Nov 01 #Javascript
jQuery代码优化 事件委托篇
Nov 01 #Javascript
jQuery代码优化 遍历篇
Nov 01 #Javascript
You might like
DISCUZ 论坛管理员密码忘记的解决方法
2009/05/14 PHP
解析php防止form重复提交的方法
2013/07/01 PHP
php版银联支付接口开发简明教程
2016/10/14 PHP
PHP格式化显示时间date()函数代码
2018/10/03 PHP
检测jQuery.js是否已加载的判断代码
2011/05/20 Javascript
jQuery弹出(alert)select选择的值
2013/04/21 Javascript
js取两个数组的交集|差集|并集|补集|去重示例代码
2013/08/07 Javascript
文档对象模型DOM通俗讲解
2013/11/01 Javascript
js使下拉列表框可编辑不止是选择
2013/12/12 Javascript
javascript操作css属性
2013/12/30 Javascript
JavaScript的设计模式经典之代理模式
2016/02/24 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
2016/05/24 Javascript
javascript经典特效分享 手风琴、轮播图、图片滑动
2016/09/14 Javascript
easyui form validate总是返回false的原因及解决方法
2016/11/07 Javascript
浅析Ajax语法
2016/12/05 Javascript
Angular2仿照微信UI实现9张图片上传和预览的示例代码
2017/10/19 Javascript
通过封装scroll.js 获取滚动条的值
2018/07/13 Javascript
Vue动态路由缓存不相互影响的解决办法
2019/02/19 Javascript
vue模块移动组件的实现示例
2020/05/20 Javascript
详解Python读取配置文件模块ConfigParser
2017/05/11 Python
python爬虫爬取快手视频多线程下载功能
2018/02/28 Python
Django objects的查询结果转化为json的三种方式的方法
2018/11/07 Python
用Cython加速Python到“起飞”(推荐)
2019/08/01 Python
python3.6编写的单元测试示例
2019/08/17 Python
Python基于pandas绘制散点图矩阵代码实例
2020/06/04 Python
如何基于Django实现上下文章跳转
2020/09/16 Python
军用级手机壳,专为冒险而建:Zizo Wireless
2019/08/07 全球购物
宝宝周岁宴答谢词
2014/01/26 职场文书
环境科学专业优秀毕业生自荐书
2014/02/03 职场文书
幼儿园秋游感想
2014/03/12 职场文书
党支部综合考察材料
2014/05/19 职场文书
商务英语专业大学生职业生涯规划书
2014/09/14 职场文书
《小蝌蚪找妈妈》教学反思
2016/02/23 职场文书
Jupyter Notebook内使用argparse报错的解决方案
2021/06/03 Python
html实现弹窗的实例
2021/06/09 HTML / CSS
MySQL 外连接语法之 OUTER JOIN
2022/04/09 MySQL