`

第03章 常规选择器 (2)

 
阅读更多

index.html

<!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>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="demo.js"></script>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>
<!--
<div id="box">div</div>
<div>div</div>
<div>div</div>

<p class="pox">p</p>
<p class="pox">p</p>
<p>p</p>

<strong>strong</strong>
<strong>strong</strong>
<strong>strong</strong>

<ul>
	<li><a href="###">首页</a></li>
    <li><a href="###">首页</a></li>
</ul>

<a href="###">首页</a>
<a href="###">首页</a>

<ul>
	<li><a href="###">首页</a></li>
    <li><a href="###">首页</a></li>
    <li><em>首页</em></li>
    <li><strong>首页</strong></li>
</ul>

<a href="###">首页</a>
<a href="###">首页</a>

<p>首页</p>
<p>首页</p>

<span>首页</span>
<span>首页</span>
-->

<div class="box pox">div</div>
<p class="box">p</p>

<div class="pox">div</div>
<p class="box">p</p>

</body>
</html>

 

style.css

/* CSS Document */
/*
div, p, strong{ color:#c00;}
ul li a{ color:#c00;}
*{ color:#c00;}
.box.pox{ color:#c00;}
*/

 

demo.js

$(function(){
	//$('div, p, strong').css('color','blue');
	//$('#box, .pox, strong').css('color','blue');
	//$('ul li a').css('color','blue');
	//$('*').css('color','blue');
	//alert($('*').size());
	//alert($('*')[0].nodeName);
	//在全局范围使用 * 号,会极大的消耗资源,所以不建议在全局使用
	//$('ul li *').css('color','#c00');
	//alert($('ul li *').size());//通配选择器一般运用在局部的环境内
	//$('div.box').css('color','#c00');
	//$('.box.pox').css('color','#c00');
	//$('div#box p ul li a#link');//可以,选择器越复杂,那么字符串解析就会越慢
	$('#link');//单个 ID 不需要字符串解析,就可以获取到
});

 

 

  • 4.rar (74.2 KB)
  • 下载次数: 0
分享到:
评论

相关推荐

    第03章 常规选择器(4)

    由于没有具体的描述信息,我将根据标题“第03章 常规选择器(4)”来假设我们已经了解了基本的选择器,并将在此基础上继续深化理解。 首先,让我们回顾一下CSS选择器的基本类型。CSS选择器分为几个类别,包括标签...

    第03章 常规选择器(1)

    在本章中,我们将深入探讨“常规选择器(1)”这一主题,这是CSS选择器的基础,也是构建网页样式的核心部分。常规选择器是CSS中最基础的元素,用于选取HTML或XML文档中的特定元素,从而对其进行样式化。下面将详细...

    第03章 常规选择器(3)

    在本章中,我们将深入探讨CSS中的常规选择器,这些选择器是构建网页样式的基础。在Web开发领域,CSS(层叠样式表)是用于控制HTML或XML文档呈现的重要技术。通过熟练掌握常规选择器,我们可以精准地定位并美化页面上...

    4.[jQuery]第3章.常规选择器[1].rar

    [jQuery]第3章.常规选择器[1].rar,对于初学JQUERY的人员很有帮助,一共分为三个部分

    ios 日期选择器

    在你的项目中,你可能需要一个只显示年月的特殊日期选择器,而不是常规的日期时间选择。这通常涉及到自定义日期选择器的显示样式和功能。下面将详细讲解如何实现这样一个iOS只显示年月的日期选择器。 首先,iOS的...

    计算机控制技术:第4章 常规及复杂控制技术 .ppt

    第四章“常规及复杂控制技术”深入探讨了计算机控制系统设计的关键方法,特别是数字控制器的设计和优化。 首先,数字控制器的连续化设计技术是设计过程中的重要步骤。这种方法首先忽略控制回路中的零阶保持器和采样...

    保安员消防安全培训课件第三部分:常规灭火器材、设施.ppt

    灭火器的配置原则遵循《建筑灭火器配置设计规范》GBJ140-90,需要根据使用场所的特性和储存物性质选择合适的灭火器,并确保数量足够扑救初期火灾。同时,灭火器应设置在显眼且易于取用的位置,不影响人员疏散,且需...

    逻辑与计算机设计基础 第五版 第三章*习题答案

    【标题】和【描述】中提到的“逻辑与计算机设计基础 第五版 第三章*习题答案”指的是,这里的内容是关于逻辑电路设计基础教科书第五版中第三章相关习题的答案。这些习题可能涵盖了数字逻辑电路设计、组合逻辑设计、...

    jquery 学习笔记源码 1-3章

    "3jquery常规选择器1-4"深入介绍了jQuery的各种选择器,这些选择器使得选取DOM元素变得更加灵活和精确。基本选择器(ID选择器、类选择器、标签选择器)已经提及,更进一步,还有层次选择器(如后代选择器、子元素...

    CSS权威指南 第三版 中文

    2. ID选择器:通过"#"号后跟ID名来选择唯一元素,如`#unique-id`。 3. 标签选择器:直接使用元素名,如`p`选择所有段落。 4. 伪类和伪元素:例如`:hover`表示鼠标悬停状态,`::before`和`::after`在元素内容前后插入...

    HP 服务器SSA下常规设置

    2. **选择未分配的驱动器**: 从列表中选择未分配的驱动器。 3. **创建第一个Array**: 选择两块硬盘,然后选择`Create Array`选项。 4. **创建逻辑卷**: 选择所需的RAID级别(例如RAID 1),然后选择`Create Logical ...

    机器人概论第三章机器人的动力与驱动.ppt

    《机器人概论》第三章主要探讨的是机器人的动力与驱动,这是机器人能够执行任务的基础。动力系统是机器人的“心脏”,为机器人提供能量和信息流动的源泉,赋予机器人活动的能力。 1. 机器人的动力源: 动力源是...

    常规广播系统设计方案说明.doc

    ### 第三章、广播系统设计依据 设计广播系统时,主要依据包括国家相关法律法规(如《公共广播系统工程技术规范》)、建筑物的使用性质、用户需求分析以及现场环境评估。 ### 第四章、广播系统设计思想 1. **先进...

    My97DatePicker 选择季度功能

    例如,我们可以增加一个新选项,如`isQuarter`,当这个选项被设置为`true`时,日期选择器将展示季度选择界面,而不是常规的日历。 实现这个功能可能包括以下步骤: 1. 打开`WdatePicker1.js`,查找日期选择器初始化...

    大学计算机基础知识习题第三章.doc

    【大学计算机基础知识习题第三章】的文档涵盖了Windows 2000操作系统的基本操作和概念。以下是其中涉及的重要知识点: 1. **窗口操作**:在Windows 2000中,可以通过鼠标拖曳标题栏来移动整个窗口。窗口的各个部分...

    windows网络编程

    异步事件模型201.3.3 NetBIOS会话客户机241.4 数据报的工作原理281.5 其他NetBIOS命令401.5.1 适配器状态401.5.2 查找名字421.5.3 将传送协议....1 Windows CE441.6.2 Windows 9x441.6.3 常规问题441.7 小结44第2章...

Global site tag (gtag.js) - Google Analytics