jQuery对象与DOM对象的相互转化

jQuery对象和DOM对象都是获取到的页面节点对象，为什么还需要相互转化呢？

原因是在 jQuery 对象中无法使用 DOM 对象的任何方法，如 $("p").innerHtml 是错误的，因为它的写法是 $("p").html()。同样，DOM对象中也不能用 jQuery 对象中的方法，如 document.getElementsByTagName("p").html() 是错误的。

1、jQuery 对象转化为 DOM 对象

jQuery对象如果想要用 DOM 对象中的方法，就需要转化为 DOM 对象。jQuery对象转化为 DOM 对象有两种方式，代码如下：

var $test = $("test");var test = $test[0]; // jQuery对象是一个数组，可以通过索引得到 DOM 对象

或者：

// 用jQuery提供的get(index) 方法得到 DOM 对象var test = $test.get(0)'

2、DOM 对象转化为 jQuery 对象

同理，DOM 对象如果想要用 jQuery 对象中的方法，DOM 对象就需要转化为 jQuery 对象。DOM 对象转化为 jQuery 对象代码如下：

var test = document.getElementById("p");var $test = $(test); // 用jQuery 的工厂方法

 

原文转载：http://www.shaoqun.com/a/776034.html

跨境电商：https://www.ikjzd.com/

笨鸟海淘：https://www.ikjzd.com/w/1550

俄罗斯灰色清关：https://www.ikjzd.com/w/1409

jQuery对象和DOM对象都是获取到的页面节点对象，为什么还需要相互转化呢？原因是在jQuery对象中无法使用DOM对象的任何方法，如$("p").innerHtml是错误的，因为它的写法是$("p").html()。同样，DOM对象中也不能用jQuery对象中的方法，如document.getElementsByTagName("p"
www.made-in-china.com：https://www.ikjzd.com/w/2777
易佰：https://www.ikjzd.com/w/2023
在车上被司机干,嗯啊 嗯啊,巨乳女遭到黑车司机的疯狂凌辱：http://www.30bags.com/a/254497.html
口述：在办公室和同事疯狂的一次性爱经历：http://www.30bags.com/m/a/254618.html
亚马逊美国站对家用婴儿换洗台安全规范：ASTM F2388-18：https://www.ikjzd.com/articles/145262
"血雨腥风"的价格战，看大卖如何应对的？：https://www.ikjzd.com/articles/145261
wish：https://www.ikjzd.com/w/105
口述：男友送我冒牌LV包我该戳穿他吗？：http://lady.shaoqun.com/m/a/109816.html
沃尔玛将会给批准的卖家提供免费2天送货徽章：https://www.ikjzd.com/articles/145268