慕粉4283866
2016-11-30 20:45
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<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);
var $first = $div.first(); //找到第一个div元素
$first.css('color', 'red'); //给第一个元素设置颜色
</script>
</body>
</html>
<script type="text/javascript">
$(document).ready(function () {
var div=document.getElementsByTagName('div')
var $div=$(div);
var $first=$div.first();
var $second=$div.eq(1);
var $last=$div.eq(2);
$first.css('color','cyan');
$second.css('color','blue')
$last.css('color','red');
})
</script>
加黑部分一定要写
可能是<script src="http://code.jquery.com/jquery-1.11.3.js"></script>的问题 你下载到本地试试
copy到自己本地的编辑器试试 就有效果了
...
jQuery基础 (一)—样式篇
217482 学习 · 1303 问题
相似问题