欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Jquery对象与JavaScript DOM之间的相互转化教程

程序员文章站 2022-03-13 12:20:53
jquery使得JavaScript开发变得简单,但是存在的问题是Jquery对象不能调用原生JavaScript的内置方法,js DOM又不能使用Jquery的库函数,有时候我们...

jquery使得JavaScript开发变得简单,但是存在的问题是Jquery对象不能调用原生JavaScript的内置方法,js DOM又不能使用Jquery的库函数,有时候我们不得已使这两种对象相互转化。以下分别作说明:

一、jquery对象=>js DOM

JQuery提供了两种方法来转换[index]和get(index)

方法一:

var $cr=$("#cr");  //jq对象
var cr = $cr[0];  //jq 转dom

方法二

var cr=$("#cr");  //jq对象
var cr=$cr.get(0); //jq转dom

二、js DOM转为为jquery对象

var cr=document.getElementById("cr");  //dom对象
var $cr=$(cf);  //dom转jq