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 对象 与DOM 对象的转换</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'); //这是一个DOM 对象
var $div = $(div); //jQuery 对象 将dom节点div转化为$div的jquery对象
var $first = $div.first(); //找到第一个div元素
$first.css('color', 'red'); //给第一个元素设置颜色
</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对象
var div = $div[1]; //转换成dom对象
div.style.color = "red";//对dom对象进行操作
</script>
</body>
</html>
bahagian seterusnya