DOM对象和jq对象的区别

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对象

DOM对象和jq对象的区别

上一篇:popen 函数


下一篇:request.getContextPath()用el表达式怎么写,绝对路径:request.getRealPath