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 对象   与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>

Meneruskan pembelajaran

fail baharu

<!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>

serahkan Tetapkan Semula Kod

Operasi automatik