支付宝赞助帐号:service@kuitao8.com 

遍历jquery对象的代码分享

Created2013-06-11   Views 2100    Author 懒人程序
  今天遇到一个问题需要获取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) ? "


" : " ";

 

  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) ? "


" : " ";

 

  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) ? "


" : " ";

 

  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) ? "


" : " ";

 

  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

  复制代码代码如下:

  

  

  

   <script></script>

  

   <script></script>

  

  

jQuery Get Tag Name

 

  

 

  This is paragrah 1

  

 

  

 

  This is class='classTag1'

  

 

  

 

  This is id='idTag1'

  

 

  

  

上一篇: jquery键盘事件使用介绍
下一篇: jquery easyui 分页的使用方法
支持键盘 ← →

邮件订阅

订阅我们的精彩内容