您的位置:首页 - jQuery
DOM对象和jQuery对象之间的相互转换与区别
DOM对象和jQuery对象之间的相互转换与区别

看一个例子,首先加一个p标签:

<p id="clickMe">Click Me!</p>


先获得一个DOM对象,然后将其转换为一个jQuery对象:
//Part 1: DOM --> jQuery
//DOM object:
var pElement = document.getElementsByTagName("p")[0];
alert("DOM pElement: " + pElement.innerHTML);
//Convert DOM object to jQuery object:
var pElementjQuery = $(pElement);
alert("jQuery pElementjQuery: " + pElementjQuery.html());


也可以先获得一个jQuery对象,再将其转换为DOM对象:
//Part 2: jQuery --> DOM
//jQuery object array:
var clickMejQuery = $("#clickMe");
//Convert jQuery object to DOM object (2 ways):
//way 1:
var domClickMe1 = clickMejQuery[0];
alert("dom1: " + domClickMe1.innerHTML);

//way 2:
var domClickMe2 = clickMejQuery.get(0);
alert("dom2: " + domClickMe2.innerHTML);


再次注意:jQuery中$()获取的是一个满足条件的所有元素的数组.

小总结:
  $(“字符串”)会返回满足条件的所有元素的一个数组,其中:
  字符串以#开头,表示id;
  字符串以.开头,表示CSS的class名;
  若非以上两种情况,则改字符串表示标签名.

  $(DOM对象)可以得到一个jQuery对象.
本站导航
相关文章
柯乐义 Copyright© keleyi.com