jQuery对象转化成DOM对象
上一节
下一节
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>10.5jQuery对象转化成DOM对象</title>
<script src="../js/jquery-3.1.1.min.js"></script>
<script>
$(function(){
//1.获取jQuery对象
var $div = $('div');//标签选择器
$div.css('border','solid 2px red');
//jQuery对象是类数组对象，数组的下标从0开始
//下标分别是：0 1 2
//将jQuery对象转化成DOM对象:方法1
var div1 = $div[0]; div1.style.color = 'red';
var div2 = $div[1]; div2.style.color = 'blue';
var div3 = $div[2]; div3.style.color = 'green';
//将jQuery对象转化成DOM对象:方法2
//.get(index),index的取值从0开始
//$div.get(0)转化成一个DOM对象
$div.get(0).style.padding = '5px';
$div.get(1).style.padding = '10px';
$div.get(2).style.padding = '15px';
});
</script>
</head>
<body>
<div>元素1</div>
<div>元素2</div>
<div>元素3</div>
</body>
</html>
