收藏
批改状态：未批改
老师批语：
jQuery过滤方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery selector</title>
</head>
<body>
<ul>
<li>热点新闻01<a href="">立即查看</a></li>
<li>热点新闻02<a href="">立即查看</a></li>
<li>热点新闻03<a href="">立即查看</a></li>
<li>热点新闻04<a href="">立即查看</a></li>
<li>热点新闻05<a href="">立即查看</a></li>
<li>热点新闻06<a href="">立即查看</a></li>
<li>热点新闻07<a href="">立即查看</a></li>
<li>热点新闻08<a href="">立即查看</a></li>
<li>热点新闻09<a href="">立即查看</a></li>
<li>热点新闻10<a href="">立即查看</a></li>
<span>其他</span>
</ul>
</body>
</html>
<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'
// jquery object
$('li').eq(3).css('color','red')
$('li').first().css('background-color','lightskyblue')
$('li').last().css('color','coral')
$('ul').find('a').css('color','green')
$('ul').children("span").css('color','blue')
$('li').slice(6).css('background-color','lightcyan')
</script>点击 "运行实例" 按钮查看在线实例
jquery过滤方法，jQuery对象的索引从0开始，将jQuery对象转为dom对象，$('li').get(1),对应的li是2。选择多个元素时可以用find,siblings,nextAll方法。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
