jQuery选择器 第六章
第一题
<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>隔行变色的列表</title><style>*{padding:0px;margin:0px;font-size:12px;}a{color:#000;text-decoration:none;}ul{list-style:none;}dl,dt,dd{display:block;}dl{clear:both;height:30px;width:670px;line-height:30px;}dl dt{width:100px;padding-left:10px;float:left;}dl dd{float:left;}dl dd a{margin:3px;}dl dd.more{float:right;margin-right:10px;}</style>
</head>
<body>
<div class="content"><dl><dt><a href="http://www.4399.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"></script>
<script type="text/javascript">$(document).ready(function(){$(".content dl:odd").css("background","#ececec");})
</script>
</body>
</html>
第二题
<!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="图片/text.gif"></dt><dd>分享到:<img src="图片/iocns.gif"/></dd>
</dl>
<script src="js/jquery-1.12.4.js"></script>
<script type="text/javascript">$(document).ready(function () {$("dd").click(function () {$("img:visible").hide();})$("dd").click(function () {$("img:hidden").show();})})
</script>
</body>
</html>
jQuery选择器 第六章相关推荐
- jQuery系列 第六章 jQuery框架事件处理
第六章 jQuery框架事件处理 JavaScript以事件驱动来实现页面的交互,其核心是以消息为基础,以事件来驱动.虽然利用传统的JavaScript事件处理方式也能够完成页面交互,但jQuery框 ...
- 第六章 jQuery中的Ajax应用
第六章 jQuery中的Ajax应用 1.Ajax:客户端javascript所发起的http请求的代号,无刷新的数据更新. 2.编程模型: (1).同步代码:按钮按下 执行耗时操作 等待执行返回 ...
- jQuery系列 第四章 jQuery框架的选择器
第四章 jQuery框架的选择器 4.1 jQuery选择器说明 jQuery 最核心的组成部分就是选择器引擎.它完全继承了 CSS 的风格,可以对 DOM 元 素的标签名.属性名.状态等进行快速准确 ...
- 第二章(jQuery选择器)
2.1jQuery选择器是什么 1.CSS选择器 选择器 示例 选择器 示例 标签选择器 a{ } p{ } ul{ } ID选择器 #ID{ } 类选择器 .class{ } 群组选择器 td,p, ...
- Java程序员从笨鸟到菜鸟之(八十六)跟我学jquery(二)大话jquery选择器
本篇博客我将带大家来学习一下jQuery的第一个比较重要的知识点,这个知识点对学习jquery的同学来说是必须掌握的,因为他是所有操作的基础,这个知识点就是jquery的对象选择器,我们利用jquer ...
- 第二章jQuery选择器
一.jquery选择器的分类: 1.基本选择器 (1)标签选择器 $("h2").css("color","red"); (2)类选择器 $ ...
- 第十四章 jQuery选择器
jQuery选择器 jQuery选择器类似于CSS选择器,用来选取网页中的元素 jQuery选择器分类 通过CSS选择器选取元素 基本选择器 层次选择器 属性选择器 通过过滤选择器选择元素 基本过滤选 ...
- Knockout应用开发指南 第六章:加载或保存JSON数据
原文:Knockout应用开发指南 第六章:加载或保存JSON数据 加载或保存JSON数据 Knockout可以实现很复杂的客户端交互,但是几乎所有的web应用程序都要和服务器端交换数据(至少为了本地 ...
- jQuery选择器实现隔行变色和使用javaScript实现隔行变色
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--什么是选择器? jQuery选择器继承了 ...
- jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)
第一章 认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...
最新文章
- 基于Windows配置COLMAP环境
- iPhone浏览器性能测试
- 谈谈Mux与门电路的相互替换(包含实例分析)
- 运维老鸟谈生产场景如何对linux系统进行分区?
- 支持三个cpu的服务器,基于第三代至强可扩展处理器,宁畅G40系列服务器正式发布...
- haroopad夜间模式与数学公式显示
- spring之二——使用maven创建一个java project
- Objective C学习总结(二)
- poj 1180 斜率优化dp
- Spark源码分析之SparkContext
- 全志R40 UBOOT 2014.07【原创】
- java如果把字符串转成对象_为什么Java中的字符串对象是不可变的,有什么好处?...
- paip.http发文汉字乱码变问号的解决
- Java根据IP返回 省市,
- 在线登录注册功能(android客户端+javaweb服务端+腾讯云服务器+腾讯云数据库)
- jOOQ星期二:Markus Winand执行现代SQL任务
- jsp:forward标签介绍
- 经纬财富:吴忠白银投资五种方式
- 大数的四则运算(加,减,乘,除)处理
- 郑州各个大学计算机专业分数线,2019年郑州大学各专业录取分数线