鍍金池/ 問(wèn)答/HTML/ $('div')生成的不是node對(duì)象？

$('div')生成的不是node對(duì)象？

<!DOCTYPE html>
<html>

<head>
    <title>ceshi </title>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8">
    $(function() {
        const container = document.getElementById('container')
        const child = $('<div>hello world</div>')
        container.appendChild(child)

    })
    </script>
</head>

<body>
    <div id="container"></div>
</body>

</html>

報(bào)錯(cuò)如下：

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

jquery生成的不是node對(duì)象，那如何從jquery生成的對(duì)象中取 node對(duì)象呢？

回答
編輯回答
陌離殤

jquery對(duì)象和dom對(duì)象，jquery方法和dom方法了解一下

2017年12月11日 04:10
編輯回答
網(wǎng)妓

jquery生成的是jquery實(shí)例化的對(duì)象，你可以這樣獲得原生的node

var node = $('xxx').get(0);

// 或者

var node = $('xxx')[0];

如果jquery獲取了多個(gè)dom元素，那么你可以像剛才一樣利用下標(biāo)去獲取原生的節(jié)點(diǎn)，即0、1、2、3...不斷疊加

2018年1月16日 08:35
編輯回答
哚蕾咪

jq在dom對(duì)象的基礎(chǔ)上進(jìn)行了封裝

2018年2月14日 16:03
編輯回答
青檸
$('div') // JQuery 對(duì)象
$('div')[0] // DOM 對(duì)象
$($('div')[0]) // 又是 JQuery 對(duì)象

// JQ對(duì)象才能使用JQ的方法
2017年8月21日 09:44