www.2527.com_澳门新葡8455手机版_新京葡娱乐场网址_
做最好的网站

jQuery对象和DOM对象的相互转化完成代码,jQuery对

2019-07-26 22:21 来源:未知

jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法;例如: $("#img").attr("src","test.jpg"); 这里的 $("#img")就是 jQuery 对象。

jQuery对象和DOM对象相互转化
jQuery对象和DOM对象

DOM对象就是Javascript固有的一些对象操作。DOM对象能使用Javascript固有的方法,但是不能使用jQuery里的方法。例如:document.getElementById("img").src="test.jpg";这里的document.getElementById("img")就是DOM对象;
$("#img").attr("src","test.jpg"); 和document.getElementById("img").src="test.jpg";是等价的,是正确的,但是$("#img").src="test.jpg";或者document.getElementById("img").attr("src","test.jpg"); 都是错误的。

DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法,但是不能使用 jQuery 里的方法。例如:document.getElementById("img").src = “test.jpg";这里的document.getElementById("img") 就是DOM 对象。

jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;例如$("#img").attr("src","test.jpg"); 这里的$("#img")就是jQuery对象;

在说一个例子:就是this,我在写jQuery的时候经常这样写:this.attr("src","test.jpg"); 可是就是出错。其实this是DOM对象,而.attr("src","test.jpg") 是jQuery方法,所以出错了。要解决这个问题就要将DOM对象转换成jQuery对象,例如$(this).attr("src","test.jpg");

$("#img").attr("src","test.jpg"); 和 document.getElementById("img").src = "test.jpg"; 是等价的,是正确的,但是 $("#img").src = "test.jpg" ;或者 document.getElementById("img").attr("src","test.jpg"); 都是错误的。

DOM对象就是Javascript固有的一些对象操作。DOM对象能使用Javascript固有的方法,但是不能使用jQuery里的方法。例如:document.getElementById("img").src="test.jpg";这里的document.getElementById("img")就是DOM对象;

 

再说一个例子,就是this, 在写 jQuery 时经常这样写: this.attr("src","test.jpg");可是就是出错,其实this 是DOM对象,而.attr("src","test.jpg") 是 jQuery 方法,所以出错了。要解决这个问题就要将 DOM对象转换成 jQuery 对象,例如 $(this).attr("src","test.jpg");

$("#img").attr("src","test.jpg"); 和document.getElementById("img").src="test.jpg";是等价的,是正确的,但是$("#img").src="test.jpg";或者document.getElementById("img").attr("src","test.jpg"); 都是错误的。
在说一个例子:就是this,我在写jQuery的时候经常这样写:this.attr("src","test.jpg"); 可是就是出错。其实this是DOM对象,而.attr("src","test.jpg") 是jQuery方法,所以出错了。要解决这个问题就要将DOM对象转换成jQuery对象,例如$(this).attr("src","test.jpg");

1.DOM对象转成jQuery对象:

1. DOM 对象转成 jQuery 对象

1.DOM对象转成jQuery对象:
对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)
如:var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象
转换后,就可以任意使用jQuery的方法了。

对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)

对于已经是一个 DOM 对象,只需要用 $() 把DOM对象包装起来,就可以获得一个 jQuery 对象了,$(DOM 对象) 注: var是定义变量

2.jQuery对象转成DOM对象:
两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);
(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。
如:var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中
(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象
如:var $v=$("#v"); //jQuery对象
var v=$v.get(0); //DOM对象
alert(v.checked) //检测这个checkbox是否被选中

如:var v=document.getElementById("v");  //DOM对象

如: 

您可能感兴趣的文章:

  • javascript中html字符串转化为jquery dom对象的方法
  • jQuery如何将选中的对象转化为原始的DOM对象
  • jQuery对象和DOM对象相互转化
  • jquery对象和javascript对象即DOM对象相互转换
  • jquery对象和DOM对象的区别介绍
  • jquery获取iframe中的dom对象(两种方法)
  • jquery入门—访问DOM对象方法
  • jQuery对象和DOM对象使用说明
  • JQUERY 对象与DOM对象之两者相互间的转换
  • jquery对象与DOM对象转化

var $v=$(v);    //jQuery对象

var v = document.getElementById("v"); //DOM对象
var $v = $(v); //jQuery 对象

转换后,就可以任意使用jQuery的方法了。  

转换后,就可以任意使用 jQuery 的方法。

2.jQuery对象转成DOM对象:

2. jQuery 对象转成 DOM 对象

两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);

两种转换方式讲一个 jQuery 对象转换成 DOM 对象: [index] 和 .get(index);

(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。

(1) jQuery 对象是一个数据对象,可以通过 [index] 的方法,来得到相应的 DOM 对象。

如:var $v =$("#v") ; //jQuery对象

如:

var v=$v[0];    //DOM对象

var $v = $("#v"); //jQuery 对象
var v = $v[0]; //DOM 对象
alert(v.checked); //检测这个checkbox是否被选中

alert(v.checked)   //检测这个checkbox是否被选中

(2) jQuery 本身提供,通过.get(index) 方法得到相应的 DOM 对象

(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象

如:

如:var $v=$("#v");  //jQuery对象

var $v = $("#v"); //jQuery 对象
var v = $v.get(0); //DOM对象 ( $v.get()[0] 也可以 )
alert(v.checked); //检测这个 checkbox 是否被选中

var v=$v.get(0);   //DOM对象

通过以上方法,可以任意的相互转换 jQuery 对象和 DOM 对象,需要再强调的是: DOM 对象才能使用DOM 中的方法,jQuery 对象是不可以使用DOM中的方法。

alert(v.checked)  //检测这个checkbox是否被选中

您可能感兴趣的文章:

  • 如何判断出一个js对象是否一个dom对象
  • 浅谈JS读取DOM对象(标签)的自定义属性
  • javascript中html字符串转化为jquery dom对象的方法
  • javascript转换字符串为dom对象(字符串动态创建dom)
  • Web前端,javascript 删除dom对象的事件函数代码
  • 怎样才能用js生成xmldom对象,并且在firefox中也实现xml数据岛?
  • 解决JS内存泄露之js对象和dom对象互相引用问题

您可能感兴趣的文章:

  • javascript中html字符串转化为jquery dom对象的方法
  • jQuery如何将选中的对象转化为原始的DOM对象
  • jQuery对象和DOM对象的相互转化实现代码
  • jquery对象和javascript对象即DOM对象相互转换
  • jquery对象和DOM对象的区别介绍
  • jquery获取iframe中的dom对象(两种方法)
  • jquery入门—访问DOM对象方法
  • jQuery对象和DOM对象使用说明
  • JQUERY 对象与DOM对象之两者相互间的转换
  • jquery对象与DOM对象转化
TAG标签:
版权声明:本文由澳门新葡8455手机版发布于Web前端,转载请注明出处:jQuery对象和DOM对象的相互转化完成代码,jQuery对