DOM对象转换成jQuery对象

最新推荐文章于 2023-09-26 00:31:45 发布

我想上天

最新推荐文章于 2023-09-26 00:31:45 发布

阅读量351

点赞数

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_33130209/article/details/68921702

版权

jQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!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>
<script type="text/javascript">
var div = document.getElementsByTagName('div'); //dom对象
var $div = $(div);
//将dom节点div转化为$div的jquery对象
// $div = ?
  var $first = $div.first(); //找到第一个div元素
var $second = $div.eq(1);//找到第二个div元素
var $third = $div.eq(2);//找到第三个div元素
  $first.css('color', 'red'); //给第一个元素设置颜色
$second.css('color','yellow');//给第二个元素设置颜色
$third.css('color','blue');//给第三个元素设置颜色

</script>
</body>
</html>