案例:
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset=
"UTF-8"
>
<
title
>dom
对象与
jquery
对象相互转换
</
title
>
<
script
src=
"../js/jquery-3.1.1.min.js"
type=
"text/javascript"
charset=
"utf-8"
></
script
>
<
script
type=
"text/javascript"
>
$
(
function
(){
var
d
=
document
.
getElementById
(
'd'
);
// d.innerText='dddd';
// var d=$("#d");
//
原生
dom
对象(
js
对象)转换
jquery
对象
:$(
原生对象
)
$
(
d
).
html
(
'fsdfsdfsdsd'
);
var
e
=
$
(
"#e"
);
//jquery
对象转原生对象
:1.$(...)[0] 2.$(...).get(0)
// e[0].innerText='sdsdsds';
e
.
get
(
0
).
innerText
=
'sdsssdsd'
;
})
</
script
>
</
head
>
<
body
>
<
div
id=
"d"
>
</
div
>
<
div
id=
"e"
>
</
div
>
</
body
>
</
html
>