`

第03章 常规选择器(1)

 
阅读更多

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 id="box">常规选择器</div>
<div id="box">常规选择器</div>
<div id="box">常规选择器</div>

<div class="pox">常规选择器</div>
<div class="pox">常规选择器</div>
<div class="pox">常规选择器</div-->

<div id="pox">
	<p>常规选择器</p>
    <p>常规选择器</p>
    <p>常规选择器</p>
    <div>
    	<p>常规选择器</p>
    	<p>常规选择器</p>
    	<p>常规选择器</p>
    </div>
</div>

</body>
</html>

 

style.css

/* CSS Document */
/*
#box{ color:#c00;//添加样式}
div{color:#c00;}
.pox{ color:#c00;}
#box{ color:#c00;}
*/
#box > p{ color:#c00;}

 

demo.js

$(function(){
	//$('#box').css('color','blue');	//添加一个行为,这个行为是添加样式
	//$('div').css('color','maroon');
	//$('.pox').css('color','maroon');
	//$('#box').css('color','blue');
	//alert($('#box').size());
	//alert($('.pox').size());
	//alert($('div').size());
	//$('div').eq(1).css('color','blue');
	//alert($('div').length);
	//$('#box > p').css('color','blue');
	//$('#pox').css('color','blue');
	/*
	if(document.getElementById('pox')){
		document.getElementById('pox').style.color='red';
	}
	//很多情况下有动态 DOM 生成的问题,会导致执行不存在的 ID 选择器
	*/
	//$('#pox').css('color','blue');
	//alert($('#pox').size());
	/*
	if($('#pox').size() > 0){
		$('#pox').css('color','blue');
	}
	*/
	//alert($('#pox').get(0));
	/*
	if($('#pox').get(0)){
		alert('true');
	}
	*/
	/*
	if($('#pox')[0]){
		alert('true');
	}
	*/
		
	
});

 

 

 

 

 

 

  • 3.rar (74.1 KB)
  • 下载次数: 0
3
2
分享到:
评论

相关推荐

    第03章 常规选择器(4)

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

    第03章 常规选择器(3)

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

    第03章 常规选择器 (2)

    在本章中,我们将深入探讨CSS中的常规选择器,这些选择器是构建网页样式的基础。在Web开发中,选择器用于指定我们想要应用样式的HTML元素。了解并熟练使用各种选择器是创建高效且可维护的CSS代码的关键。 首先,...

    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权威指南 第三版 中文

    1. 类选择器:通过"."号后跟类名来选择元素,如`.class-name`。 2. ID选择器:通过"#"号后跟ID名来选择唯一元素,如`#unique-id`。 3. 标签选择器:直接使用元素名,如`p`选择所有段落。 4. 伪类和伪元素:例如`:...

    HP 服务器SSA下常规设置

    2. **自定义Logical Drive 1**: 指定第一个Logical Drive的容量大小,然后选择`Create Logical Drive`。 3. **创建第二个Logical Drive**: 创建第二个Logical Drive,并设置其容量为剩余的最大值。 4. **完成创建**:...

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

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

    My97DatePicker 选择季度功能

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

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

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

    第三章种子生产方法1.pptx

    在本章中,我们将深入探讨种子生产的不同方法,特别是常规种子生产和杂交种种子生产。 首先,种子级别分类是确保种子质量的基础。各国对于种子的分类有所不同,如美国将种子分为育种者种子、基础种子、登记种子和...

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

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

Global site tag (gtag.js) - Google Analytics