1.写出能让下面代码中"Part I"加粗的几种方式,尽量写jQuery选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="container" style="display: none;">
<div id="chapter-number">2</div>
<h1>Selectors</h1>
<h1 class="subtitle">How to Get Anything You Want</h1>
<h2>Selected ShakeSpeare Plays</h2>
<div>
<ul>
<li id="part_li">Part I</li>
<li>Part II</li>
</ul>
<ul>
<li>Part I</li>
<li>Part II</li>
</ul>
</div>
</div>
</body>
</html>
方式有:
$("ul li:nth-of-type(1)").css("font-weight","bold");
$("#part_li").css("font-weight","bold");
$("li#part_li").css("font-weight","bold");
$("li:first").css("font-weight","bold);
2.jQuery选择器有哪几种？
基本选择器、层次选择器、属性选择器、基本过滤选择器、可见性过滤选择器
3.运用了CSS选择器规则的jQuery选择器有哪些？
基本选择器、层次选择器、属性选择器
4.使用jQuery选择器时需要注意什么？
（1）选择器中含有特殊符号时需要转义
（2）注意选择器中是否需要添加空格
5.制作列表页面，当页面加载完成时，列表隔行变色，背景颜色值为:#ECECEC
实现代码如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>隔行变色的列表</title>
<link rel="stylesheet" href="css/nav.css">
</head>
<body>
<div class="content">
<dl>
<dt><a href="http://www.6655.com/1/youxi.htm">[页游]</a></dt>
<dd >
<ul>
<li><a href="http://codes.dian5000.com/htmlcode/38319.html">枪魂</a>
<a href="http://p.37pk49.com/s/1/683/11722.html?uid=510412">女神联盟</a> <a
href="http://tg.131cc.com/?uid=510412">37WAN游戏</a> <a
href="http://p.37pk49.com/s/1/683/13574.html?uid=510412">武易</a> <a
href="http://jcnm.game3737.com/htmlcode/36266.html">斗圣</a> <a
href="http://tk.pk897.com/1616dh.php?id=2467">烈焰</a> <a
href="http://p.37pk49.com/s/1/683/14006.html?uid=510412">大闹天宫OL</a></li>
</ul>
</dd>
<dd class="more"><a href="http://www.6655.com/1/youxi.htm">更多>></a></dd>
</dl>
<dl class="s1">
<dt><a href="http://www.6655.com/1/xiaoyouxi.htm">[小游戏]</a></dt>
<dd >
<ul>
<li><a href="http://www.4339.cc">4339小游戏</a> <a
href="http://www.6949.com">6949小游戏</a> <a
href="http://www.3155.com/?hmsr=1616">3155小游戏</a> <a
href="http://www.4399i.net/">4399i小游戏</a> <a
href="http://www.3199.cn/?hmsr=1616">3199小游戏</a> <a
href="http://www.7k7k7.net">7k7k7小游戏</a></li>
</ul>
</dd>
<dd class="more"><a href="http://www.6655.com/1/xiaoyouxi.htm">更多>></a>
</dd>
</dl>
<dl>
<dt><a href="http://www.6655.com/1/yingshi.htm">[影视]</a></dt>
<dd >
<ul>
<li><a href="http://www.iqiyi.com">爱奇艺高清</a><a
href="http://www.tudou.com/">土豆网</a><a
href="http://tv.sohu.com/movie/">搜狐电影</a><a href="http://tv.cntv.cn/">CNTV</a>
<a href="http://www.kktv1.com/c.shtml?c=52560">KK美女视频</a> <a
href="http://p.yiqifa.com/s?sid=a4df75c5719e9b11&pid=184&wid=410486&vid=426282&cid=7100&lid=168915&euid=&vwid=">六间房</a>
</li>
</ul>
</dd>
<dd class="more"><a href="http://www.6655.com/1/yingshi.htm">更多>></a>
</dd>
</dl>
<dl class="s1">
<dt><a href="http://www.6655.com/1/xiaoshuo.htm">[小说]</a></dt>
<dd >
<ul>
<li><a href="http://www.qdmm.com/">起点女生网</a> <a
href="http://www.zongheng.com/?co=1616">纵横中文网</a> <a
href="http://p.yiqifa.com/c?s=3b2f15ba&w=88243&c=6805&i=23342&l=0&e=&t=http://www.zazhipu.com/">杂志铺</a><a
href="http://www.xxsy.net/">潇湘书院</a> <a
href="http://www.qidian.com/Default.aspx">起点</a> <a
href="http://www.xs8.cn/">言情小说吧</a></li>
</ul>
</dd>
<dd class="more"><a href="http://www.6655.com/1/xiaoshuo.htm">更多>></a>
</dd>
</dl>
<dl>
<dt><a href="http://www.6655.com/1/youxi.htm">[游戏]</a></dt>
<dd >
<ul>
<li><a href="http://365.uc108.com/">同城游棋牌</a><a
href="http://games.sina.com.cn/">新浪游戏</a><a
href="http://p.yiqifa.com/c?s=ae39a645&w=154815&c=6756&i=23904&l=0&e=&t=http://www.5173.com/">5173游戏交易</a><a
href="http://www.17173.com/">17173游戏</a><a
href="http://www.duowan.com/">多玩游戏</a></li>
</ul>
</dd>
<dd class="more"><a href="http://www.6655.com/1/youxi.htm">更多>></a>
</dd>
</dl>
<dl class="s1">
<dt><a href="http://www.6655.com/1/yinyue.htm">[音乐]</a></dt>
<dd >
<ul>
<li><a href="http://www.1ting.com">一听音乐网</a> <a
href="http://mp3.sogou.com/">搜狗音乐</a> <a
href="http://music.baidu.com">百度mp3</a> <a
href="http://www.yinyuetai.com/">音悦台MV</a> <a
href="http://www.iqiyi.com/zongyi/superboy.html">快乐男声</a></li>
</ul>
</dd>
<dd class="more"><a href="http://www.6655.com/1/yinyue.htm">更多>></a>
</dd>
</dl>
<dl>
<dt><a href="http://www.6655.com/1/jiaoyou.htm">[交友]</a></dt>
<dd >
<ul>
<li><a
href="http://reg.jiayuan.com/st/?id=421710&url=http://reg.jiayuan.com">世纪佳缘</a>
<a href="http://www.zhiji.com/?ad=1616" class="green">同城交友网</a><a
href="http://www.zhenai.com/901934.html">珍爱网</a><a
href="http://www.9see.com/go123?from=120_1">美女秀场</a> <a
href="http://www.iqiyi.com/zongyi/fcwr.html">非诚勿扰</a></li>
</ul>
</dd>
<dd class="more"><a href="http://www.6655.com/1/jiaoyou.htm">更多>></a>
</dd>
</dl>
<dl class="s1">
<dt><a href="http://www.6655.com/1/lvyou.htm">[旅游]</a></dt>
<dd >
<ul>
<li><a
href="http://vacations.ctrip.com/?allianceid=1091&sid=1227&ouid=">携程旅游</a><a
href="http://www.tuniu.com/?p=1627&cmpid=mkt_08005301&utm_campaign=daohang&utm_source=1616.net&utm_medium=textlink"
class="green">途牛旅游网</a><a href="http://www.zoutu.com/">云南旅游</a><a
href="http://hotel.elong.com/?banid=1616">艺龙订酒店</a> <a
href="http://www.qunar.com/?ex_track=auto_4f4dd298">去哪儿旅游</a> <a
href="http://detail.tmall.com/item.htm?id=21737099723">迪士尼门票</a> <a
href="http://www.17u.cn/FlightQuery.aspx#refid=14748221">同程机票</a></li>
</ul>
</dd>
<dd class="more"><a href="http://www.6655.com/1/lvyou.htm">更多>></a>
</dd>
</dl>
</div>
<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
$('dl:odd').css('background','#ECECEC');
});
</script>
</body>
</html>
6.制作分享特效页面，当单击图片时，显示提示信息，单击提示信息后，该信息隐藏
实现代码如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>分享特效</title>
<style type="text/css">
dt{height:30px;}
dt img{margin-left:80px;display:none;}
</style>
</head>
<body>
<dl>
<dt ><img src="img/text.gif" /></dt>
<dd>分享到：<img src="img/iocns.gif" /></dd>
</dl>
<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
$('dd>img').click(function(){
$('dt>img').show();
});
$('dt>img').click(function(){
$(this).hide();
});
});
</script>
</body>
</html>