收藏
批改狀態(tài)：合格
老師批語：
jQuery有很多選擇器函數(shù)，這里我介紹比較常用的6種選擇器函數(shù)。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.nav ul li{
width: 100px;
height: 30px;
list-style: none;
float: left;
}
</style>
</head>
<body>
<div class="nav">
<ul>
<li>首頁</li>
<li>公司簡(jiǎn)介</li>
<li>公司文化</li>
<li>產(chǎn)品介紹</li>
<li>企業(yè)新聞</li>
<li>聯(lián)系方式</li>
</ul>
</div>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$('li').get(1).style.color = 'red'
$('li').eq(2).css('color','green')
$('li').first().css('color','blue')
$('li').last().css('color','pink')
$('ul').find('li').css('background-color','gray')
$('ul').children('li').css('font-size','1.2em')
</script>
</body>
</html>點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
運(yùn)行結(jié)果：
以上jQuery代碼解釋：
1:get()將jquery對(duì)象轉(zhuǎn)為DOM對(duì)象:將第二個(gè)li標(biāo)簽的字體顏色設(shè)置為紅色
2.eq():獲取指定序號(hào)為2的li標(biāo)簽元素,將它的字體顏色設(shè)置為綠色
3.first():獲取到第一個(gè)li標(biāo)簽，將它的字體顏色設(shè)置為藍(lán)色
4.last():獲取到最后一個(gè)li標(biāo)簽，將它的字體顏色設(shè)置為粉紅色
5.find():獲取到ul下面的所有后代元素，將它們的背景顏色設(shè)置為灰色
6.children()：獲取到ul下面所有的直接子元素，將它們的字體大小設(shè)置為1.2em
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)