`

选择器——基本选择器

 
阅读更多

基本选择器有:#id、.class 、element、*

注意:id只能使用一次,其他的可以重复使用。

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>元素的创建和追加</title>
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$("#div1").click(function(){
					$(this).css("color","red");
				});
				$(".div1").click(function(){
					$(this).css("color","blue");
				});
				$("*").click(function(){
					$(this).css("color","red");
				});
				$("div").click(function(){
					$(this).css("color","red");
				});
			});
		</script>
	</head>
	<body>
		<div id="div1">欢迎使用Java WEB开发</div>
		<div class="div1">欢迎使用Java WEB开发</div>
		<div>欢迎使用Java WEB开发</div>
		<div>欢迎使用Java WEB开发</div>
	</body>
</html>

 演示上面的例子是最好注释掉$("div")和$(*)的两个。不然看不到效果。

分享到:
评论

相关推荐

    多(四)路数据选择器——VHDL工程

    在这个“多(四)路数据选择器——VHDL工程”中,我们将探讨如何使用VHDL语言在FPGA开发环境中实现这种功能。 首先,VHDL(Very High Speed Integrated Circuit Hardware Description Language)是一种硬件描述语言...

    Android(Kotlin)日期区间选择器/时间区间选择器——日历区间选择器

    Kotlin语言写安卓项目 选择日期范围,刷新选择的时间区间所检索的数据 在某大牛原控件的基础上,做了一个拓展使用,可解决一些原控件的bug问题。 文内只写了日期的选择使用,时间的选择类似,详情可参照博客内容: ...

    网页颜色选择器——Web颜色快速查询

    网页颜色选择器是一种非常实用的工具,特别是在网页设计过程中,对于色彩搭配有着至关重要的作用。在网页设计中,颜色不仅可以营造氛围,传达品牌信息,还能引导用户注意力,提高用户体验。这款"网页颜色选择器"正是...

    web开发——CSS属性选择器.docx

    Web 开发——CSS 属性选择器 CSS 属性选择器是 CSS 中一种强大的选择器,允许开发者根据 HTML 元素的属性和值来设置样式。下面是 CSS 属性选择器的详细知识点: 什么是 CSS 属性选择器? CSS 属性选择器是一种...

    实验二 2选1多路选择器-IP核的封装与调用

    在提供的“实验二 2选1多路选择器——IP核的封装与调用.pdf”文档中,你应该能找到详细的步骤指南、设计流程图以及相关的Verilog或VHDL代码示例。而“2选1多路选择器.v”或类似的文件名可能是包含该IP核实例化的源...

    Unity编辑器——日期选择窗口插件

    本教程将围绕"Unity编辑器——日期选择窗口插件"这一主题展开,详细讲解如何创建一个在编辑器内部弹出的日历选择窗口,以方便用户在制作游戏或应用时选取日期。这涉及到Unity的EditorWindow类、GUI系统以及可能的...

    安卓Android源码——颜色选择器.zip

    这个“安卓Android源码——颜色选择器.zip”文件包含了一个名为“ColorPickerDemo”的示例项目,它展示了如何在Android应用中实现一个功能完备的颜色选择器。下面将详细探讨颜色选择器的实现及其相关知识点。 首先...

    web开发——CSS派生选择器.docx

    "Web开发——CSS派生选择器" 在Web开发中,CSS派生选择器是一种强大的选择器,它可以根据元素在其位置的上下文关系来定义样式。这种选择器可以使标记更加简洁,提高代码的可读性和维护性。 首先,让我们来了解什么...

    安卓Andriod源码——datetimepicker实现挺不错的时间选择器,分为日期选择器和时钟选择器。.zip

    这篇关于"安卓Android源码——datetimepicker实现挺不错的时间选择器"的内容,将深入探讨如何利用源码创建高效且用户体验良好的日期选择器(DatePicker)和时钟选择器(TimePicker)。 首先,日期选择器...

    安卓Android源码——datetimepicker实现挺不错的时间选择器,分为日期选择器和时钟选择器。.rar

    这个压缩包文件“安卓Android源码——datetimepicker实现挺不错的时间选择器,分为日期选择器和时钟选择器。.rar”提供了一个自定义的DateTimePicker实现,可以作为开发者们的参考和学习资源。以下将详细介绍该源码...

    IOS应用源码——颜色选择器3.zip

    在这个项目中,我们将探讨iOS颜色选择器的基本原理,以及如何利用Swift语言构建一个自定义的颜色选择器。 1. **颜色表示**: iOS中的颜色主要通过`UIColor`类来表示,它提供了多种创建颜色的方法,如使用十六进制...

    IOS应用源码——颜色选择器3.rar

    "IOS应用源码——颜色选择器3.rar" 提供了一个实现这一功能的源代码示例。这个压缩包包含的颜色选择器可能是一个自定义控件,用于替代系统默认的颜色选择对话框,以提供更丰富的交互体验或者独特的设计风格。 首先...

    颜色选择器(bigColorpicker)

    《颜色选择器——bigColorpicker深度解析》 在网页设计中,颜色选择器是一个不可或缺的交互元素,它允许用户在多种色彩中选取所需的颜色。本文将深入探讨名为"bigColorpicker"的颜色选择器,它是基于jQuery、...

    Axure入门案例系列——手机端滚动选择器.docx

    Axure 入门案例系列——手机端滚动选择器 本文是 Axure 入门案例系列中的一篇,旨在指导读者学习 Axure 软件的使用,特别是手机端滚动选择器的实现。通过本教程,读者将学习到进阶的动态面板使用、基础函数应用和...

    自制vue小组件——日历式日期选择器

    萌新制作的日历式日期选择器,会标示现实日期,能够选择开始日期和结束日期 vue组件引入方式引入。 ;bottom: 0;left:0;"&gt; 通过ref获取和设置选择日期 this.$refs.mydatepicker.getSelect();获取选中日期,没选中为...

    安卓Android源码——datetimepicker实现挺不错的时间选择器,分为日期选择器和时钟选择器。.zip

    本文将深入探讨如何使用Android源码中的DateTimePicker实现一个高效且用户友好的时间选择器,并分为日期选择器(DatePicker)和时钟选择器(TimePicker)两部分进行讲解。 首先,日期选择器DatePicker是Android系统...

    Extjs颜色选择器选择器

    首先,我们需要了解ExtJS的颜色选择器组件——`Ext.form.ColorField`。这是一个特殊的字段类型,它扩展了基本的文本输入框,并添加了一个颜色选择对话框。当用户点击这个字段时,会弹出一个颜色选择面板,用户可以...

    CSS3 选择器 伪类选择器介绍

    前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分——伪类...

    web开发——CSS类选择器.docx

    CSS 类选择器 CSS 类选择器是 CSS 中的一种选择器,用于选择拥有特定类名的 HTML 元素。类选择器以一个点号(.)开头,后面跟着类名。 例如,`.center {text-align: center}`,这意味着所有拥有 center 类的 HTML ...

Global site tag (gtag.js) - Google Analytics