DOM对象和jq对象的区别
1.DOM对象 相当于手洗
缺点:需要手动遍历所有的元素,每个元素绑定事件设置属性和方法,手动封装方法调用,需要时间
jq对象 相当于洗衣机
优点:直接调用封装好的方法,可以隐式迭代,无需手动遍历,可以直接给每个元素绑定事件
2.DOM对象(js对象):使用js方式获取到元素
例子:var div = document.getElementByTagName(‘div’)[0];
jquery对象:使用jq方式获取到的元素
例子:$(‘li’);
3.DOM对象的区别和联系
区别:1.获取方式不同
2.方法不能互相调用
例子:var jsDiv = document.getElementsByTagName(‘div’)[0];
jsDiv.text(‘hhhh’);//报错TypeError: jsDiv.text is not a function
联系:可以互相转换
例子:var list = document.getElementsByTagName(‘li’);
//DOM转jq,调用text()方法
$(list).text(‘hhh’);
//jq转DOM(两种)
1.$(‘li’)[0].innerText = ‘bbb’;
2.$(‘li’).get(0).innerText = ‘ccc’;//get()方法是专门将jq对象转换为DOM对象