jQuery オブジェクトと ...ログイン

jQuery オブジェクトと DOM オブジェクト間の変換

jQuery は DOM に変換されます。開発では、DOM オブジェクトを jQuery オブジェクトに処理することが一般的です。 $(parameter) は、さまざまなパラメータを渡すことでさまざまな効果を生み出す多機能メソッドです。

$(dom) メソッドを通じて通常の dom オブジェクトを jQuery オブジェクトに処理した後、jQuery メソッドを呼び出すことができます

次のコードを見てください:

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

jQuery オブジェクトを DOM オブジェクトに変換する方法

jQuery ライブラリは本質的には JavaScript コードであり、より優れた、より便利で高速な DOM 処理と開発でよく使用される関数を提供するために JavaScript 言語をラップしているだけです。 jQuery を使用する場合、JavaScript ネイティブ コードと混合することもできます。多くのシナリオでは、jQuery と DOM が相互に変換できる必要があります。これらは両方とも操作可能な DOM 要素であり、DOM オブジェクトは単一の DOM 要素です。

りー


次のセクション
<!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>
コースウェア