JQ对象和原生DOM对象

相同点:两者本质上都是DOM元素。

不同点:JQ对象是在原生DOM对象上进行了一次封装,使开发人员使用起来更简洁、高效。

    两者之间用法也完全不同,很说初学者经常混淆。

    其实区分两者并不难,

    1、语法不一样,JQ对象都是以$开头的,API也不一样(具体请查询JQ手册)。

         比如:$(‘#a‘).html()    //这样写就可以拿到id 叫 a里面的内容。

      如果   $(‘#a‘).innerHTML  // 这样写就会报错,而且拿不到任何内容,原因就是$(‘#a‘)是JQ对象,而innerHTML是原生DOM的方法,两个不能互用。

    2、原生DOM对象只需要前面加上$便能转化为JQ对象,而JQ对象转换成DOM对象:[index]和.get(index);

				
时间: 2024-12-15 19:20:44

JQ对象和原生DOM对象的相关文章

PHP原生DOM对象操作XML'代码'

对于操作XML类型文件,PHP内置有一套DOM对象可以进行处理.对XML的操作,从创建.添加到修改.删除都可以使用DOM对象中的函数来进行. 创建 创建一个新的XML文件,并且写入一些数据到这个XML文件中. /* * 创建xml文件 */ $info = array( array('obj' => 'power','info' => 'power is shutdown'), array('obj' => 'memcache','info' => 'memcache used t

jQuery对象与JS原生dom对象之间的转换

jQuery就是JS的一个扩展库,工具库,提供很多方便快捷的方法,所以将JS对象转换为jQuery对象后,能更方便地操作这个对象.但是jQuery对象也不是万能的,有一些JS对象有的能,jQuery对象并没有提供,所以需要转换回JS对象,才能进行操作.另外一种情况可能是,你使用某些第三方库,接口函数只能接受JS对象或者jQuery对象,那么你就需要在这两者之间进行转换. 1.将jQuery转换为dom对象的方法 [index] 或者.get(index): a.$(“#form”)[index]

jQuery对象转化成DOM对象

jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能. 我们使用jQuery的同时也能混合JavaScript原生代码一起使用. 在很多场景中,我们需要jQuery与DOM能够相互的转换,它们都是可以操作的DOM元素, jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素. 如何把jQuery对象转成DOM对象? 利用数组下标的方式读取到jQuery中的DOM对象 用jQuery找

jquery对象并不是dom对象

jQuery对象和DOM对象相互转化 作者: 字体:[增加 减小] 类型:转载 jQuery对象就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可 以使用jQuery里的方法,但是不能使用DOM的方法:例如$("#img").attr("src","test.jpg"); 这里的$("#img")就是jQuery对象: DOM对象就是Javascript固有的一些对象操作.DOM对象能使

JQ——设置值、DOM对象和JQ对象的转换

1.设置值: text() :设置或返回所选元素的文本内容 html()  :设置或返回所选元素的内容(包括 HTML 标记) val() :设置或返回表单字段的值 attr() :设置或返回属性值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>值的设置</title> <script src="https://cdn.sta

PHP 原生 DOM 对象操作 XML

对于操作XML类型文件,PHP语言内置有一套DOM对象可以进行处理.对XML的操作,从创建.添加到修改.删除都可以使用DOM对象中的函数来进行. 创建 创建一个新的XML文件,并且写入一些数据到这个XML文件中. /* * 创建xml文件 */ $info = array( array('obj' => 'power','info' => 'power is shutdown'), array('obj' => 'memcache','info' => 'memcache used

jquery对象转化为DOM对象

<html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="http://code.jquery.com/jquery-1.11.3.js"></script></head> <bo

如何判断一个js对象是否一个DOM对象

我们在写js代码时有时需要判断某个对象是不是DOM对象,然后再进行后续的操作,这里我给出一种兼容各大浏览器,同时又算是比较稳妥的一种方法. 要判断一个对象是否DOM对象,首先想到的无非就是它是否具有DOM对象的各种属性或特征,比如是否有nodeType属性,有tagName属性,等等.判断的特征越多,也就越可靠,因为毕竟我们自定义的js对象也可以有那些属性.还有其他方法吗? 在DOM Level2标准中定义了一个HTMLElement对象,它规定所有的DOM对象都是HTMLElement的实例,

jQuery 对象转成 DOM 对象

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type"