jQuery本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理。jQuery对象转化成DOM对象的方法:
1.利用数组下标的方式读取到jQuery中的DOM对象
HTML代码:
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
JavaScript代码:
var $div=$("div");
var div=$div[0];
div.style.color="red";
通过jQuery自带的get()方法
var $div=$("div");
var div=$div.get(0);
div.style.color="red";
例如:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=gbk" />
<title></title>
<script src="http://code.jquery.com/jquery-1.11.3.js"></script>
</head>
<body>
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
<div>元素四</div>
<div>元素五</div>
<div>元素六</div>
<script type="text/javascript">
var $div = $('div'); //jQuery对象
var div=$div.get(0);//? div = ?
div.style.color = 'red'; //操作dom对象的属性
</script>
<script type="text/javascript">
var $div1=$('div');
var div=$div.get(3);
var div1=$div.get(4);
var div2=$div.get(5);
$('div').get(1).style.color='#463';
$('div').get(2).style.color='blue';
div.style.color="green";
div1.style.color='yellow';
div2.style.border='solid 1px silver';
</script>
</body>