<!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 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等”查找”...
基础的JQuery选择器 适用于初学者 里面有详细的JQuery选择器的讲解
学习【js DOM 编程艺术】,最后面有许多jQuery的选择器,每个都动手敲了一遍。 jQuery 提供了高级选择器的方法。 j s获取元素的三个基本方法分别是通过标签名,类名和id,即(getElementsByTagName, ...
本文主要对jQuery选择器进行一一举例介绍,有助于学习、理解和记忆。具有很好的参考价值,下面就跟着小编一起来看下吧
主要介绍了jQuery 选择器详解,图文并茂,十分不错,需要的朋友可以参考下
凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.
我们根据实例来解释JQuery选择器(selectors)中xpath几种常用的用法
相关推荐
通过思维导图对知识进行梳理,以便记忆
jQuery选择器使得获得页面元素变得更加容易、更加灵活,从而大大减轻了开发人员的压力。如同盖楼一样,没有砖瓦,就盖不起楼房,得不到元素谈何其他各种操作呢?可见,jQuery选择器的重要性。 jquery选择器大方向可以...
jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等”查找”...
基础的JQuery选择器 适用于初学者 里面有详细的JQuery选择器的讲解
学习【js DOM 编程艺术】,最后面有许多jQuery的选择器,每个都动手敲了一遍。 jQuery 提供了高级选择器的方法。 j s获取元素的三个基本方法分别是通过标签名,类名和id,即(getElementsByTagName, ...
本文主要对jQuery选择器进行一一举例介绍,有助于学习、理解和记忆。具有很好的参考价值,下面就跟着小编一起来看下吧
主要介绍了jQuery 选择器详解,图文并茂,十分不错,需要的朋友可以参考下
凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.
我们根据实例来解释JQuery选择器(selectors)中xpath几种常用的用法