第六章 jQuery选择器
1,表格隔行变色
<!DOCTYPE html>
<html lang="en">
<head><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.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> <ahref="http://tg.131cc.com/?uid=510412">37WAN游戏</a> <ahref="http://p.37pk49.com/s/1/683/13574.html?uid=510412">武易</a> <ahref="http://jcnm.game3737.com/htmlcode/36266.html">斗圣</a> <ahref="http://tk.pk897.com/1616dh.php?id=2467">烈焰</a> <ahref="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> <ahref="http://www.6949.com">6949小游戏</a> <ahref="http://www.3155.com/?hmsr=1616">3155小游戏</a> <ahref="http://www.4399i.net/">4399i小游戏</a> <ahref="http://www.3199.cn/?hmsr=1616">3199小游戏</a> <ahref="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><ahref="http://www.tudou.com/">土豆网</a><ahref="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> <ahref="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> <ahref="http://www.zongheng.com/?co=1616">纵横中文网</a> <ahref="http://p.yiqifa.com/c?s=3b2f15ba&w=88243&c=6805&i=23342&l=0&e=&t=http://www.zazhipu.com/">杂志铺</a><ahref="http://www.xxsy.net/">潇湘书院</a> <ahref="http://www.qidian.com/Default.aspx">起点</a> <ahref="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><ahref="http://games.sina.com.cn/">新浪游戏</a><ahref="http://p.yiqifa.com/c?s=ae39a645&w=154815&c=6756&i=23904&l=0&e=&t=http://www.5173.com/">5173游戏交易</a><ahref="http://www.17173.com/">17173游戏</a><ahref="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> <ahref="http://mp3.sogou.com/">搜狗音乐</a> <ahref="http://music.baidu.com">百度mp3</a> <ahref="http://www.yinyuetai.com/">音悦台MV</a> <ahref="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><ahref="http://reg.jiayuan.com/st/?id=421710&url=http://reg.jiayuan.com">世纪佳缘</a><a href="http://www.zhiji.com/?ad=1616" class="green">同城交友网</a><ahref="http://www.zhenai.com/901934.html">珍爱网</a><ahref="http://www.9see.com/go123?from=120_1">美女秀场</a> <ahref="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><ahref="http://vacations.ctrip.com/?allianceid=1091&sid=1227&ouid=">携程旅游</a><ahref="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><ahref="http://hotel.elong.com/?banid=1616">艺龙订酒店</a> <ahref="http://www.qunar.com/?ex_track=auto_4f4dd298">去哪儿旅游</a> <ahref="http://detail.tmall.com/item.htm?id=21737099723">迪士尼门票</a> <ahref="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>$(function () {$(".s1").css("background","#ececec");})
</script>
</body>
</html>
2,分享特效
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>分享特效</title><style>dt{height:30px;}dt img{margin-left:80px;display:none;}</style>
</head>
<body>
<dl><dt ><img src="data:images/text.gif" /></dt><dd>分享到:<img src="data:images/iocns.gif" /></dd>
</dl>
<script src="js/jquery-1.12.4.js"></script>
<script>
$(function () {
$("dd img").click(function () {$("dt img").toggle(500);
})
})
</script>
</body>
</html>
第六章 jQuery选择器相关推荐
- 第六章 jQuery中的Ajax应用
第六章 jQuery中的Ajax应用 1.Ajax:客户端javascript所发起的http请求的代号,无刷新的数据更新. 2.编程模型: (1).同步代码:按钮按下 执行耗时操作 等待执行返回 ...
- jQuery系列 第六章 jQuery框架事件处理
第六章 jQuery框架事件处理 JavaScript以事件驱动来实现页面的交互,其核心是以消息为基础,以事件来驱动.虽然利用传统的JavaScript事件处理方式也能够完成页面交互,但jQuery框 ...
- 第二章jQuery选择器
一.jquery选择器的分类: 1.基本选择器 (1)标签选择器 $("h2").css("color","red"); (2)类选择器 $ ...
- 第十四章 jQuery选择器
jQuery选择器 jQuery选择器类似于CSS选择器,用来选取网页中的元素 jQuery选择器分类 通过CSS选择器选取元素 基本选择器 层次选择器 属性选择器 通过过滤选择器选择元素 基本过滤选 ...
- (六)jQuery选择器
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法: $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一 ...
- 第二章 jQuery选择器
2019独角兽企业重金招聘Python工程师标准>>> #选择器 ##基本选择器 (#id) 根据给定的id匹配一个元素,$("#test") (.class) ...
- jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)
第一章 认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...
- [转] jQuery 选择器
jQuery选择器(Selectors,或译为选择符?)可以说是甚为强大,jQuery能够得以如此之名气,选择器的功劳是功不可没的.利用 CSS和XPath选择符的能力,加上自己的"自定义选 ...
- jQuery系列 第四章 jQuery框架的选择器
第四章 jQuery框架的选择器 4.1 jQuery选择器说明 jQuery 最核心的组成部分就是选择器引擎.它完全继承了 CSS 的风格,可以对 DOM 元 素的标签名.属性名.状态等进行快速准确 ...
- 第二章(jQuery选择器)
2.1jQuery选择器是什么 1.CSS选择器 选择器 示例 选择器 示例 标签选择器 a{ } p{ } ul{ } ID选择器 #ID{ } 类选择器 .class{ } 群组选择器 td,p, ...
最新文章
- Ubuntu 32下Android NDK+NEON的配置过程及简单使用举例
- php中 继承中的概念,JavaScript_JavaScript中的继承方式详解,js继承的概念
js里常用的如下 - phpStudy...
- python使用需要钱吗-为什么要花钱学 Python,自学不好吗?
- js对象、构造函数、命名空间、方法、属性
- 回退n帧协议c语言代码,[计算机网络]Ch.3 数据链路层
- mysql数据库服务器设置访问权限
- c语言幼儿园积木游戏,幼儿园《积木游戏》课件【三篇】
- Pytorch出现RuntimeError: Input type (torch.cuda.FloatTensor) and weight type (torch.FloatTensor)
- 院士:青年科学家5年内拿不出成果就面临淘汰,想坐‘冷板凳’都坐不了!
- 2017双11技术揭秘—阿里巴巴数据库技术架构演进
- BZOJ4358: permu(带撤销并查集 不删除莫队)
- 什么是Redis?简述它的优缺点?
- java 蓝桥杯算法训练 纪念品分组(题解)
- 《程序员面试金典》+《算法导论》
- Python截屏扩展库pyscreenshot安装与使用
- 【ABAP系列】SAP ABAP中关于commit的一点解释
- 深度学习入门:一文详解BP神经网络
- 解决TeamViewer的“现在无法捕捉画面。可能由于快速切换或者远程桌面断开或者最小化”问题...
- java Hashtable 和 HashiMap 的区别
- C语言实现汉诺塔(程序执行步骤详解)
热门文章
- Matlab打开prn文件,打印prn文件的方法和技巧,.prn用什么软件打开?
- C# Microsoft.Office.Interop.Word 将多个word合成一个并插入图片 转换成pdf
- python判断手机号码是否正确_python检测手机号码是否合法
- excel内容合并脚本
- remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点
- Flink-1.11.1 Flink-SQL日期函数的一个坑
- 2020五一建模:C题 饲料混合加工问题 题解
- RS485无线通讯模块工作原理详解
- 伴你装系统系列(上篇):Windows10
- c语言内存泄露检查工具,检测C++的内存泄漏用哪些工具(1)