当前位置: 首页 > Web前端 > HTML

jQuery对象和DOM对象

时间:2023-04-02 14:43:27 HTML

DOM对象DOM实际上是一种以面向对象的方式描述的文档模型。也就是我们用传统方法(javascript)获取到的对象。jQuery对象jquery对象实际上是一个javascript数组,这个数组对象包含125个方法和4个属性,这4个属性是:jquery:当前jquery框架版本号length:表示数组对象的元素个数context:general在所有情况下,指向HtmlDocument对象选择器:传入的选择器内容,如:#yourId或.yourClass等。如果通过$("#yourId")方法获取jQuery对象,且只有一个元素你的页面中id为yourId,那么$("#yourId")[0]就是HtmlElement元素和document.getElementById("yourId")获取的元素一样简单理解,就是创建的jQuery对象jQuery是将DOM对象通过jQuery包装生成的对象。jQuery对象是jQuery独有的。它可以使用jQuery中的方法,但不能使用DOM方法。DOM对象被转换为jQuery对象。对于已经是一个DOM对象,你只需要用$()包装DOM对象就可以得到一个jQuery对象。varv=document.getElementById("v");//DOM对象var$v=$(v);//jQuery对象jQuery对象转化为DOM对象:将jQuery对象转化为DOM对象的两种转换方式:[index]和.get(index);1、jQuery对象是数据对象,可以通过[index]方法获取对应的DOM对象。var$v=$(“#v”);//jQuery对象varv=$v[0];//DOM对象2.jQuery本身提供,通过.get(index)方法,获取对应的DOM对象。var$v=$(“#v”);//jQuery对象varv=$v.get(0);//DOM对象