引用
N2 ：JQuery 选择器
1、类型：
基本选择器：
层次选择器：
过滤选择器：
* 简单过滤选择器
* 内容过滤选择器
* 可见性过滤选择器
* 属性过滤选择器
* 子元素过滤选择器
* 表单对象属性过滤选择器
表单选择器：
1.1:基本选择器
#id 根据指定id匹配元素，返回单个元素；(唯一性)$("#x");
.calss 根据指定的类名匹配元素，返回集合元素；$(".t");
element 根据给定的元素名匹配,返回结合元素；$("p");
* 匹配所有的元素，返回结合元素；
s1,s2,s3将每一个选择器匹配到的元素合并后一起返回，
例如：$("div,span,p,myClass");
案例：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- ************************** 导入 *********************************** -->
<script type="text/javascript" src="js/jquery-1.8.3.js">
</script>
<!-- ************************************************************* -->
<script type="text/javascript">
//程序入口
$(document).ready(function() {
test();
});
//提示:JQuery中的调用关系和java中方法调用类似
function test(){
$("#id").click(function(){
alert("测试#id选择器");
});
$(".class").click(function(){
alert("测试.class 选择器");
});
$("p").click(function(){
alert("测试element选择器");
});
$("p,div.class").click(function(){
alert("测试了selector1多选择器");
});
}
</script>
</head>
<body>
<h3>基本选择器测试</h3>
<div id="id">测试#id选择器</div>
<div class="class">测试.class选择器</div>
测试element选择器1
测试element选择器2
测试element选择器3
</body>
</html>
分享到：
相关推荐
**jQuery基本选择器** jQuery库是JavaScript中最广泛使用的库之一，它简化了DOM操作、事件处理和动画制作。其中，选择器是jQuery的核心功能之一，它使得能够高效地选取页面中的HTML元素。以下是对jQuery基本选择器...
jquery基本过滤选择器举例、代码、html、可直接运行、学习jquery入门篇
首先，我们来了解一下jQuery的基本选择器。它们是用于选取HTML元素的最基础工具，包括： 1. **ID选择器**: 使用`#`符号来选取具有特定ID的元素，例如`$("#myID")`将选取ID为"myID"的元素。 2. **类选择器**: 使用`....
本项目“jquery周历选择器”利用jQuery的灵活性和易用性，构建了一个适用于混合应用程序（Hybrid App）的周历选择器组件。 1. **周历选择器设计**： - 周历选择器通常用于日程管理或时间规划应用，显示一周的日期...
### jQuery时间选择器的基本概念 jQuery时间选择器是基于流行的JavaScript库jQuery构建的，它的主要目标是简化用户在网页上输入时间的过程。这种选择器通常包含小时和分钟的下拉菜单，或者有时还包括秒和AM/PM选项...
在本文中，我们将深入探讨jQuery日期时间选择器插件，这是一种高效、美观的JavaScript解决方案，用于在网页上添加交互式的日期和时间选择功能。这款插件利用jQuery库的强大功能，为用户提供了简单易用的界面，使他们...
基本使用步骤包括创建一个文本输入框，然后通过JavaScript来绑定时间选择器。以下是一个简单的示例： ```html ``` ```javascript $(function() { $('#timeInput').timepicker(); }); ``` 这段代码将在id为...
日期选择器作为常见的交互元素之一，对于处理日期输入场景非常有用。"jQuery日期选择器"是这样一个轻量级且易用的工具，它允许用户通过友好的图形界面来选择日期，极大地提高了数据输入的便捷性。 ### jQuery与日期...
基本选择器是学习jQuery选择器的基石，涵盖了ID选择器、Class选择器、Element选择器及通配符选择器。 1. **ID选择器**：`#id`，用于定位具有特定ID的单一元素，如`$('#one')`会选中ID为“one”的元素，常用于修改该...
jQuery支持多种类型的选择器，包括基本选择器（如ID选择器、类选择器、标签选择器）、属性选择器、伪类选择器以及组合选择器等。这些选择器可以灵活地帮助我们定位页面中的特定元素，进行操作和样式设置。 该插件的...
然而，即便如此成熟的库，也难免存在一些已知的问题和限制，其中之一就是我们今天要探讨的"jQuery选择器的一个Bug"。 首先，我们要理解jQuery选择器的基本原理。jQuery基于CSS选择器，它允许开发者通过类似CSS的...
本文将深入探讨如何使用jQuery实现一个模仿Photoshop颜色选择器的功能，以便在网页上进行在线颜色选取。 首先，理解颜色选择器的工作原理至关重要。颜色选择器通常包含HSV（色相、饱和度、亮度）或RGB（红、绿、蓝...
动态选择器是jQuery的核心特性之一，它允许开发者在运行时根据各种条件选取DOM元素。这在处理复杂的用户交互和动态更新的数据时尤其有用。动态选择器通常涉及以下几种类型： 1. **类选择器**: 使用`.`符号来选取...
1. **基本选择器**：`$('element')`（标签选择器）、`$('#id')`（ID选择器）、`$('.class')`（类选择器）。 2. **组合选择器**：`$('element1, element2')`（并集选择器）、`$('element1 element2')`（后代选择器）...
在本文中，我们将深入探讨jQuery的基本选择器及其在实践中的应用。jQuery是一个强大的JavaScript库，它简化了DOM操作，事件处理以及动画制作等任务。在给出的实例中，我们看到了如何利用jQuery的选择器来实现特定的...
基本选择器包括ID选择器（#id）、类选择器（.class）和元素选择器（element）。例如： - `$("#myID")` 选择ID为"myID"的元素。 - `$(".myClass")` 选择所有class包含"myClass"的元素。 - `$("div")` 选择所有`<div>...
jQuery颜色选择器是一种在网页开发中常用的前端工具，它极大地简化了用户在网页上选取颜色的过程。这个插件，称为colpick，是基于jQuery库构建的，为网页设计师和开发者提供了一个直观、易于集成的颜色选择界面。...
- `$()`：这是jQuery的基本选择器，用于选取一个或多个元素。例如：`$("div")`会选择所有`<div>`元素。 - `#id`：通过ID选择元素，如`$("#myID")`。 - `.class`：通过类名选择元素，如`$(".myClass")`。 - `tag`...
基本选择器是jQuery中最常用的，它们通过元素的id、class和标签名来选取元素。 - **id选择器**：通过元素的id来选取，用`#`前缀标识。例如`$('#testID')`选取id为`testID`的元素。 - **类选择器**：通过元素的class...