Penukaran antara objek jQuery dan objek DOM
jQuery ditukar kepada DOM Dalam pembangunan, adalah lebih biasa untuk memproses objek DOM menjadi objek jQuery. $(parameter) ialah kaedah pelbagai fungsi yang menghasilkan kesan berbeza dengan menghantar parameter berbeza.
Selepas memproses objek dom biasa menjadi objek jQuery melalui kaedah $(dom), kita boleh memanggil kaedah jQuery
Lihat kod berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery 對(duì)象 與DOM 對(duì)象的轉(zhuǎn)換</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
<script type="text/javascript">
var div = document.getElementsByTagName('div'); //這是一個(gè)DOM 對(duì)象
var $div = $(div); //jQuery 對(duì)象 將dom節(jié)點(diǎn)div轉(zhuǎn)化為$div的jquery對(duì)象
var $first = $div.first(); //找到第一個(gè)div元素
$first.css('color', 'red'); //給第一個(gè)元素設(shè)置顏色
</script>
</body>
</html>Bagaimana untuk Menukar objek jQuery kepada objek DOM
Pustaka jQuery pada asasnya ialah kod JavaScript Ia hanya membungkus bahasa JavaScript untuk menyediakan pemprosesan dan fungsi DOM yang lebih baik, lebih mudah dan lebih pantas yang biasa digunakan dalam pembangunan. Apabila kami menggunakan jQuery, kami juga boleh mencampurkannya dengan kod asli JavaScript. Dalam banyak senario, kita memerlukan jQuery dan DOM untuk dapat menukar satu sama lain Kedua-duanya adalah elemen DOM yang boleh dikendalikan ialah objek seperti tatasusunan, dan objek DOM ialah satu elemen DOM.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
<script type="text/javascript">
var $div = $('div'); //jquery對(duì)象
var div = $div[1]; //轉(zhuǎn)換成dom對(duì)象
div.style.color = "red";//對(duì)dom對(duì)象進(jìn)行操作
</script>
</body>
</html>
