您的位置:首页 > Web前端 > JQuery

DOM对象和jQuery对象之间的相互转换

2015-09-30 15:14 906 查看
例子:
<p id="clickMe">Click Me!</p>

1.先获得一个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());

2.jQuery对象转换为DOM对象:
//Part 2: jQuery --> DOM
//jQuery object array:
var clickMejQuery = $("#clickMe");
//Convert jQuery object to DOM object (2 ways):
//第一种方法:
var domClickMe1 = clickMejQuery[0];
alert("dom1: " + domClickMe1.innerHTML);

//第二种方法,通过get方法:
var domClickMe2 = clickMejQuery.get(0);
alert("dom2: " + domClickMe2.innerHTML);

注意:jQuery中$()获取的是一个满足条件的所有元素的数组.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: