jquery对象与dom对象
2017-09-25 01:46
267 查看
一、两者区别
DOM对象通俗点讲就是document.get取出来的,js中getElementsByTagName获取元素节点得到的dom元素就是dom对象(dom树)
Jquery对象用$()取出来的都是jq对象,通过jq包装DOM对象后产生的对象
jq方法只能jq对象调用,是jq独有的,在jq对象中无法使用dom对象的任何方法。dom方法只能dom对象去调用;
二、相互转换
var $box = jQuery对象;
var box = dom对象;
1.jq对象转换dom对象
jQuery对象不能使用dom中的方法,但如果对jq对象提供的方法不熟悉,可以通过两种方法转换
1)jq对象是一个数组对象(伪数组),可以通过[index]下标得到相应的dom对象
$box[0].innerText = '';//获得第一个
2)也可以通过get(index)下标获得
$box.get(0).innerText = '';//获取第一个
2.dom转jQuery;
平时用的jQ对象就是用$()函数制造出来的,#()函数就是一个jQ对象的制造工厂。
所以$(domObj);用吧。
var box = document.getElementById("#box");
var $box = $(box);
$(function(){
var $box = $("#box");
var box = $box[0];
$box.click(function(){
if(box.style.color == red){
console.log("厉害啊");
}
})
})
DOM对象通俗点讲就是document.get取出来的,js中getElementsByTagName获取元素节点得到的dom元素就是dom对象(dom树)
Jquery对象用$()取出来的都是jq对象,通过jq包装DOM对象后产生的对象
jq方法只能jq对象调用,是jq独有的,在jq对象中无法使用dom对象的任何方法。dom方法只能dom对象去调用;
二、相互转换
var $box = jQuery对象;
var box = dom对象;
1.jq对象转换dom对象
jQuery对象不能使用dom中的方法,但如果对jq对象提供的方法不熟悉,可以通过两种方法转换
1)jq对象是一个数组对象(伪数组),可以通过[index]下标得到相应的dom对象
$box[0].innerText = '';//获得第一个
2)也可以通过get(index)下标获得
$box.get(0).innerText = '';//获取第一个
2.dom转jQuery;
平时用的jQ对象就是用$()函数制造出来的,#()函数就是一个jQ对象的制造工厂。
所以$(domObj);用吧。
var box = document.getElementById("#box");
var $box = $(box);
$(function(){
var $box = $("#box");
var box = $box[0];
$box.click(function(){
if(box.style.color == red){
console.log("厉害啊");
}
})
})
相关文章推荐
- jQuery对象和DOM对象相互转化
- jQuery介绍 DOM对象和jQuery对象的转换与区别
- JQuery对象和DOM对象相互转换
- jQuery对象与DOM对象转换方法详解
- JavaScript学习笔记8-jQuery简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别
- jquery对象和DOM对象相互转换马克
- jQuery对象与DOM对象之间的转换方法
- jQuery对象与dom对象的转换$("#id")[0]
- JQuery随心笔记----JQuery对象和DOM对象的相互转换
- 1.4.3: jQuery对象和DOM对象实例研究
- jQuery对象与DOM对象之间的转换方法
- DOM对象和jQuery对象的区别
- jQuery对象与DOM对象之前的相互转换
- JQuery对象和DOM对象的区别
- jquery对象 DOM对象 互转
- jQuery对象与DOM对象之间的转换
- jQuery对象和DOM对象
- jQuery对象与DOM对象之间的转换
- jQuery对象和DOM对象的区别
- JQuery对象和DOM对象