masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492545 permainan