怎么把自己的网站推广,查询类网站开发,怎么申请电商平台,购买网址jquery对象和DOM对象的相互转换
在讨论jquery对象和DOM对象的相互转换之前#xff0c;先约定好定义变量的风格如果获取的是jquery对象#xff0c;那么在变量前面加上$,例如
var $varible jquery对象#xff1b;
如果获取的是DOM对象#xff0c;则定义如下#xff1a; …jquery对象和DOM对象的相互转换
在讨论jquery对象和DOM对象的相互转换之前先约定好定义变量的风格如果获取的是jquery对象那么在变量前面加上$,例如
var $varible jquery对象
如果获取的是DOM对象则定义如下
var varible DOM对象
1.jquery对象转成DOM对象
jquery对象不能使用DOM中的方法但如果对jquery对象所提供的方法不熟悉或者没有jquery想封装的方法不得不使用DOM对象即【index】和get[index].
(1)jquery对象是一个数组对象可以通过【index】的方法得到相应的DOM对象。
jquery的代码如下 1 2 3 4 5 6 7 8 9 10 11 12 body pmy/p pmy/p script srcjquery-2.1.4.min.js/script script var $cr $(p); //jquery对象 var cr $cr[1]; //dom对象 var ct $cr.get(0) //第二种转换为DOM对象的方式 cr.innerHTML you //检测是否转换成功可以用DOM方法 输出结果为第二个my改成了you ct.innerHTML fuck //输出结果第一个my改成了fuck /script /body bodypmy/ppmy/p
script srcjquery-2.1.4.min.js/script
scriptvar $cr $(p); //jquery对象var cr $cr[1]; //dom对象var ct $cr.get(0) //第二种转换为DOM对象的方式cr.innerHTML you //检测是否转换成功可以用DOM方法 输出结果为第二个my改成了youct.innerHTML fuck //输出结果第一个my改成了fuck
/script
/body
(2).DOM对象转换为jquery对象
对于一个DOM对象,只需要用$()把DOM对象给包装起来就可以获得一个jquery对象了方式为$(DOM对象)。
jquery代码如下 1 2 3 4 5 6 7 8 9 10 11 body pmy/p pmy/p script srcjquery-2.1.4.min.js/script script var cr document.getElementsByTagName(p) //DOM对象 var $cr $(cr); //jquery对象 $cr.eq(0).(fuck); //检测是否转换成功可以用jquery方法 输出结果为第二个my改成了fuck $cr.eq(1).html(you); //输出结果为my改成you /script /body bodypmy/ppmy/p
script srcjquery-2.1.4.min.js/script
scriptvar cr document.getElementsByTagName(p) //DOM对象var $cr $(cr); //jquery对象$cr.eq(0).(fuck); //检测是否转换成功可以用jquery方法 输出结果为第二个my改成了fuck$cr.eq(1).html(you); //输出结果为my改成you
/script
/body
转换后可以任意使用jquery方法。
通过以上方法可以任意的相互转换jquery对象和DOM对象网页特效。
最后再次强调,DOM对象才能使用DOM方法jquery对象不能使用DOM中的方法但jquery对象提供了一套更加完善的工具用于操作DOM。 感谢阅读希望能帮助到大家谢谢大家对本站的支持