var $first=$div.first() shayisi
<body>
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
? ? <script type="text/javascript">
? ? var div = document.getElementsByTagName('div'); //dom對象
? ? ? ? ? ? var $div = $(div);
? ?//將dom節(jié)點(diǎn)div轉(zhuǎn)化為$div的jquery對象
? ? ? ? ? ? // $div = ??
? ? ? ? ? ??
var $first=$div.first()//找到第一個(gè)div元素 ? ? ? ?
? ? ? ? ? ? var $second = $div.eq(1);//找到第二個(gè)div元素 ? ? ? ?
? ? ? ? ? ? var $third = $div.eq(2);//找到第三個(gè)div元素 ? ? ? ?
$first.css('color', 'red'); //給第一個(gè)元素設(shè)置顏色
? ? ? ? ? ? $second.css('color','yellow');//給第二個(gè)元素設(shè)置顏色
? ? ? ? ? ? $third.css('color','blue');//給第三個(gè)元素設(shè)置顏色
? ? ? ? ? ??
? ? </script>
</body>
</html>
2018-08-21
找到里的第一個(gè)(first())div($div),取個(gè)名字叫￥first(var first)
2017-11-04
var $first=$div.first() shayisi
<body>
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
? ? <script type="text/javascript">
? ? var div = document.getElementsByTagName('div'); //dom對象
? ? ? ? ? ? var $div = $(div);
? ?//將dom節(jié)點(diǎn)div轉(zhuǎn)化為$div的jquery對象
? ? ? ? ? ? var $div =$(div);
? ? ? ? ? ??
var $first=$div.first()//找到第一個(gè)div元素 ? ? ? ?
? ? ? ? ? ? var $second = $div.eq(1);//找到第二個(gè)div元素 ? ? ? ?
? ? ? ? ? ? var $third = $div.eq(2);//找到第三個(gè)div元素 ? ? ? ?
$first.css('color', 'red'); //給第一個(gè)元素設(shè)置顏色
? ? ? ? ? ? $second.css('color','yellow');//給第二個(gè)元素設(shè)置顏色
? ? ? ? ? ? $third.css('color','blue');//給第三個(gè)元素設(shè)置顏色
? ? ? ? ? ??
? ? </script>
</body>
</html>