您的位置：首页 > Web前端 > JQuery

jquery对象转化成DOM对象

2017-03-31 09:18 183 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jquery

相关文章推荐

新的分享

章节导航