jQuery 객체와 DOM ...로그인

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 처리 및 기능을 제공합니다. jQuery를 사용할 때 JavaScript 네이티브 코드와 혼합할 수도 있습니다. 많은 시나리오에서 서로 변환할 수 있으려면 jQuery와 DOM이 필요합니다. 둘 다 작동 가능한 DOM 요소입니다. jQuery는 배열과 유사한 객체이고 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>
코스웨어