<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>jquery选择器</title> <mce:style type="text/css"><!-- #SubCategory { width:150px; font-size:12px; line-height:20px; } --></mce:style><style type="text/css" mce_bogus="1"> #SubCategory { width:150px; font-size:12px; line-height:20px; } </style> <mce:script type="text/javascript" src="jquery-1[1].3.2.min.js" mce_src="jquery-1[1].3.2.min.js"></mce:script> </head> <body> <mce:script type="text/javascript"><!-- $(function(){ var $Category=$('ul li:gt(5):not(:last)'); $Category.hide(); var $Tooglebtn=$('div.ShowMore > a'); $Tooglebtn.click(function(){ if(Category.is(":visible")) { Category.hide(); $('.ShowMore a span').text('显示所有商品'); } else { $('ul li:gt(5)').css("background","#ffbbaa"); $('.ShowMore a span').css.text('显示精简商品'); } }) return false; }) // --></mce:script> <div id="SubCategory"> <ul> <li><a href="#" mce_href="#">佳能</a><i>(2300)</i></li> <li><a href="#" mce_href="#">索尼</a><i>(2300)</i></li> <li><a href="#" mce_href="#">松下</a><i>(2300)</i></li> <li><a href="#" mce_href="#">尼康</a><i>(2300)</i></li> <li><a href="#" mce_href="#">卡西欧</a><i>(2300)</i></li> <li><a href="#" mce_href="#">富士</a><i>(2300)</i></li> <li><a href="#" mce_href="#">柯达</a><i>(2300)</i></li> <li><a href="#" mce_href="#">宾得</a><i>(2300)</i></li> <li><a href="#" mce_href="#">理光</a><i>(2300)</i></li> <li><a href="#" mce_href="#">明基</a><i>(2300)</i></li> <li><a href="#" mce_href="#">爱国者</a><i>(2300)</i></li> <li><a href="#" mce_href="#">其他品牌</a><i>(2300)</i></li> </ul> </div> <div class="ShowMore"> <a href="jCss.htm" mce_href="jCss.htm"><span>显示所有商品</span></a> </div> </body> </html>
jquery
您还没有登录,请您登录后再发表评论
Jquery选择器,Jquery选择器Jquery选择器Jquery选择器Jquery选择器Jquery选择器
jQuery选择器大全(48个代码片段 21幅图演示)
jQuery选择器全解.
jQuery选择器速查表,包括了jQuery的基本选择器、层次选择器、过滤选择器、表单选择器,方便以后查找。
Jquery选择器; 基本选择器;jQuery选择器;jQuery选择器; 层级选择器;jQuery选择器;;; 筛选选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器; 排他思想;jQuery选择器;jQuery...
jquery 选择器 描述
jQuery选择器过滤器全面的总结,老师推荐!
JQuery 选择器,方便 使用的技术
经典的jQuery选择器应用例子,直观的演示了各种选择器的应用例子。对学习jQuery很有帮助。
jQuery选择器大全(48个代码片段+21幅图演示)
这是一份比较全面的jQuery选择器基础知识,包括源代码和相应的ppt,供大家分享
Jquery选择器分类整理,基本都包含到了,学习笔记。
jquery选择器功能无比强大,用好了可以起到事半功倍的效果,这个资源把选择器单独列出来,便于方便查找
jquery选择器入门详解小案例,内附框架脚本,直接运行即可,可以查看源码!
JQuery选择器详解JQuery选择器详解
jquery初学者必备,有各种jquery的选择器,个人学习时整理
jQuery选择器总结,网上下载的,非原创的,仅供参考,学习学习。
通过思维导图对知识进行梳理,以便记忆
内置详细的Jquery全部选择器,程序员或初学者必备。
(24)选择表格中第3行,标题行不算(要求用nth-child()过滤器) 上机任务3 用chrome打开dom.sample2.html页面,该页面中内嵌有几个CSS类:.red .green .blue .yellow .thickBorder .seeThrough 在chrome的控制台...
相关推荐
Jquery选择器,Jquery选择器Jquery选择器Jquery选择器Jquery选择器Jquery选择器
jQuery选择器大全(48个代码片段 21幅图演示)
jQuery选择器全解.
jQuery选择器速查表,包括了jQuery的基本选择器、层次选择器、过滤选择器、表单选择器,方便以后查找。
Jquery选择器; 基本选择器;jQuery选择器;jQuery选择器; 层级选择器;jQuery选择器;;; 筛选选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器; 排他思想;jQuery选择器;jQuery...
jquery 选择器 描述
jQuery选择器过滤器全面的总结,老师推荐!
JQuery 选择器,方便 使用的技术
经典的jQuery选择器应用例子,直观的演示了各种选择器的应用例子。对学习jQuery很有帮助。
jQuery选择器大全(48个代码片段+21幅图演示)
这是一份比较全面的jQuery选择器基础知识,包括源代码和相应的ppt,供大家分享
Jquery选择器分类整理,基本都包含到了,学习笔记。
jquery选择器功能无比强大,用好了可以起到事半功倍的效果,这个资源把选择器单独列出来,便于方便查找
jquery选择器入门详解小案例,内附框架脚本,直接运行即可,可以查看源码!
JQuery选择器详解JQuery选择器详解
jquery初学者必备,有各种jquery的选择器,个人学习时整理
jQuery选择器总结,网上下载的,非原创的,仅供参考,学习学习。
通过思维导图对知识进行梳理,以便记忆
内置详细的Jquery全部选择器,程序员或初学者必备。
(24)选择表格中第3行,标题行不算(要求用nth-child()过滤器) 上机任务3 用chrome打开dom.sample2.html页面,该页面中内嵌有几个CSS类:.red .green .blue .yellow .thickBorder .seeThrough 在chrome的控制台...