$('.cls1 :hidden')//带空格，选取的是class为cls1的元素里面的隐藏元素
$('.cls1:hidden')//不带空格，选取的是隐藏的class为cls1的元素
资源推荐：
DIV+CSS自学教程网 http://www.divcss5.com/
标准之路： http://www.aa25.cn/css_example/index.shtml
http://www.divcss6.com
http://paranimage.com/mastering-advanced-css-selectors/
$('#id1')获取的永远是对象，即使网页上没有此元素。
应该使用：
if($('#id1').length>0){
//do sth
}
$('.cls1 :hidden')//带空格，选取的是class为cls1的元素里面的隐藏元素
$('.cls1:hidden')//不带空格，选取的是隐藏的class为cls1的元素
1 完整例子
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
*{ margin:0; padding:0;}
body {font-size:12px;text-align:center;}
a { color:#04D; text-decoration:none;}
a:hover { color:#F50; text-decoration:underline;}
.SubCategoryBox {width:600px; margin:0 auto; text-align:center;margin-top:40px;}
.SubCategoryBox ul { list-style:none;}
.SubCategoryBox ul li { display:block; float:left; width:200px; line-height:20px;}
.showmore { clear:both; text-align:center;padding-top:10px;}
.showmore a { display:block; width:120px; margin:0 auto; line-height:24px; border:1px solid #AAA;}
.showmore a span { padding-left:15px; background:url(img/down.gif) no-repeat 0 0;}
.promoted a { color:#F50;}
</style>
<!-- 引入jQuery -->
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){ // 等待DOM加载完毕.
// 获得索引值大于5的品牌集合对象(除最后一条)
var $category = $('ul li:gt(5):not(:last)');
$category.hide();// 隐藏上面获取到的jQuery对象。
var $toggleBtn = $('div.showmore > a');// 获取“显示全部品牌”按钮
$toggleBtn.click(function(){
if($category.is(":visible")){
$category.hide(); // 隐藏$category
$('.showmore a span')
.css("background","url(img/down.gif) no-repeat 0 0")
.text("显示全部品牌"); //改变背景图片和文本
$('ul li').removeClass("promoted"); // 去掉高亮样式
}else{
$category.show(); // 显示$category
$('.showmore a span')
.css("background","url(img/up.gif) no-repeat 0 0")
.text("精简显示品牌"); //改变背景图片和文本
$('ul li').filter(":contains('佳能'),:contains('尼康'),:contains('奥林巴斯')")
.addClass("promoted");//添加高亮样式
}
return false;//超链接不跳转
})
})
</script>
</head>
<body>
<div class="SubCategoryBox">
<ul>
<li ><a href="#">佳能</a><i>(30440) </i></li>
<li ><a href="#">索尼</a><i>(27220) </i></li>
<li ><a href="#">三星</a><i>(20808) </i></li>
<li ><a href="#">尼康</a><i>(17821) </i></li>
<li ><a href="#">松下</a><i>(12289) </i></li>
<li ><a href="#">卡西欧</a><i>(8242) </i></li>
<li ><a href="#">富士</a><i>(14894) </i></li>
<li ><a href="#">柯达</a><i>(9520) </i></li>
<li ><a href="#">宾得</a><i>(2195) </i></li>
<li ><a href="#">理光</a><i>(4114) </i></li>
<li ><a href="#">奥林巴斯</a><i>(12205) </i></li>
<li ><a href="#">明基</a><i>(1466) </i></li>
<li ><a href="#">爱国者</a><i>(3091) </i></li>
<li ><a href="#">其它品牌相机</a><i>(7275) </i></li>
</ul>
<div class="showmore">
<a href="more.html"><span>显示全部品牌</span></a>
</div>
</div>
</body>
</html>
如果不使用if...else...,还可以使用
函数：toggle(fn,fn ... ) 如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数，如果有更多函数，则再次触发，直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。
分享到：
相关推荐
安装过程中，你可能会被要求接受许可协议、选择安装路径、配置组件以及设置启动选项等。 Simatic_EKB_Install 的标签进一步强调了这个软件的主要功能，即安装或更新Simatic的知识库。这个工具可能包含了一系列的...
03_K03_CHINA_5KEY_NF_R7453_20121008”主要包含一系列与显示器相关的驱动程序和配置文件，这些文件适用于型号为MSV59_03_K03的屏幕，并且特别针对中国市场，支持五键导航功能，搭载了SiR620D控制器，且与R7453芯片...
在自动化行业中，西门子S7系列可编程逻辑控制器（PLC）是广泛应用的工业控制设备，其配套的编程软件也是工程师们不可或缺的工具。本文将详细介绍Simatic EKB安装过程，帮助您顺利进行S7 PLC的编程工作。 Simatic ...
2. 动画渲染：支持动画序列的渲染，包括帧范围选择、动画参数设置等，满足影视和游戏行业的需求。 3. 粒子系统集成：与3ds Max的内置粒子系统兼容，可以渲染复杂的粒子效果，如烟雾、火焰、水波等。 4. 后期处理：...
综上所述，《安国FC8308 FC MpTool Ver03_03_00 量产教程》是针对该特定型号存储控制器的详细操作指南，对于USB闪存盘制造商或高级用户来说，掌握这个工具的使用将有助于优化设备性能和可靠性。通过深入学习和实践，...
"MediaInfo_GUI_22.03_Windows.exe"是这个版本的可执行文件，用户只需双击运行，然后将需要分析的音视频文件拖放到界面上，或者通过菜单选择文件，即可快速获得详细报告。 MediaInfo支持批量处理，用户可以一次导入...
CSS选择器如类选择器（.class）、ID选择器（#id）和元素选择器（element）被用来选择特定的HTML元素并应用样式。 5. 图像资源（images）：在静态网站中，图像常用于美化页面和展示图书封面。"images"目录可能包含了...
在本课程“第03课：CSS基本样式和元素选择器”中，我们将深入探讨CSS（Cascading Style Sheets）的核心概念，特别是关于选择器的使用。CSS是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的语言，它...
由于没有具体的描述信息，我将根据标题“第03章 常规选择器（4）”来假设我们已经了解了基本的选择器，并将在此基础上继续深化理解。 首先，让我们回顾一下CSS选择器的基本类型。CSS选择器分为几个类别，包括标签...
Mobiscroll 是一个强大的移动 Web UI 库，它提供了多种可定制的滚动选择器和日历组件，适用于各种触摸设备。City 插件则是 Mobiscroll 的一部分，专门设计用来构建省市区选择器。 该组件的特点和优势包括： 1. **...
文档标题《Infineon-AP2402635_General_PCB-AN-v03_05-EN.pdf》表明这是一个由Infineon公司提供的技术手册，文档编号为AP24026，版本号为v03.5，发布日期为2016年2月22日。文档主要介绍的是PCB（印刷电路板）的EMC...
AES算法提供多种密钥长度（128位、192位、256位），在SCP03中可能会根据安全需求选择合适的密钥长度。加密后的数据在传输过程中即使是被第三方捕获，也无法轻易解密，因为没有正确的会话密钥。 文档"GP_SCP03_java...
在这个Lesson03_02中，我们将深入探讨几种常见的选择器类型。 首先，HTML选择器是最基础的，直接使用HTML标签作为选择器，例如`<p>`、`<h1>`等。这意味着定义的样式会应用于文档中所有这样的标签，例如，设置`<p>`...
- 了解MSP430微控制器的硬件架构和特性，以便更好地选择和使用相应的驱动程序。 - 及时关注TI官网更新，获取最新的MSP430Ware版本，以确保代码的稳定性和安全性。 - 在实际应用中，需考虑功耗管理，充分利用MSP430的...
本压缩包“day03（CSS01-基础选择器+字体文本样式）.rar”显然是一个关于CSS学习资源的集合，主要涵盖了基础选择器和字体文本样式的概念与应用。下面我们将深入探讨这两个关键知识点。 **一、基础选择器** 1. **...
本文将深入探讨“MAPS-KL03_SDK_1.0.0”官方SDK，该工具专为NXP的Kinetis L03系列微控制器设计，旨在简化开发流程，提升开发效率。结合官方提供的API PDF文档，开发者可以快速掌握并应用到实际项目中。 Kinetis L03...
同时，理解选择器的优先级至关重要，ID选择器优先级最高，接着是类选择器、属性选择器和标签选择器，最后是通配符选择器和后代选择器。在编写CSS时，应尽可能保持选择器的简洁，以提高性能和可维护性。 为了优化...
在本章中，我们将深入探讨“常规选择器（1）”这一主题，这是CSS选择器的基础，也是构建网页样式的核心部分。常规选择器是CSS中最基础的元素，用于选取HTML或XML文档中的特定元素，从而对其进行样式化。下面将详细...
在本章中，我们将深入探讨CSS中的常规选择器，这些选择器是构建网页样式的基础。在Web开发领域，CSS（层叠样式表）是用于控制HTML或XML文档呈现的重要技术。通过熟练掌握常规选择器，我们可以精准地定位并美化页面上...