<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="E:\asiainfo\jQuery\lianxi\jq\jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="E:\asiainfo\jQuery\lianxi\js\app.js"></script>
<style type="text/css" rel="stylesheet">
p{
background-color: red;
}
</style>
</head>
<body>
<p>哈哈哈</p>
<p>哈哈哈</p>
<p>哈哈哈</p>
<p>哈哈哈</p>
</body>
</html>
$(document).ready(function() {
$("p").click(function() {
$(this).hide();
});
});
二、选择器
五种选择器
1.全 2.class 3.id 4.标签 5.多样选择器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="E:\asiainfo\jQuery\lianxi\jq\jquery-2.2.4.min.js"></script> <script type="text/javascript" src="E:\asiainfo\jQuery\lianxi\js\selector.js"></script> </head> <body> <div> <span></span> <p id="pp"></p> <span class="span1"></span> <label>lable</label> <b>bbbb</b> </div> </body> </html>
/*$(document).ready(function() {
$("div *").html("jquery基础教程2")
});*/
//all selector 选择所有元素，浏览器加载慢，需要谨慎使用div下面的所有子元素
/* $(".span1").html(".class选择器");
});*/
//.class选择器
/*$(document).ready(function() {
$("p").html("根据html标签名进行设置");
});*/
//根据给定html标记名称选择所有元素
/*$(document).ready(function() {
$("#pp").html("选择一个具有给定id属性的单个元素");
});*/
//id选择器 选择一个具有给定id属性的单个元素#id
$(document).ready(function() {
$("#pp,lable").html("多样选择器");
});
//将每一个选择器匹配到的元素合并后一起返回
相关推荐
本篇文章将深入探讨jQuery的基础选择器及其在实际编程中的应用，以帮助你更好地理解和掌握这些知识点。 首先，我们来了解一下jQuery的基本选择器。它们是用于选取HTML元素的最基础工具，包括： 1. **ID选择器**: ...
基本选择器是学习jQuery选择器的基石，涵盖了ID选择器、Class选择器、Element选择器及通配符选择器。 1. **ID选择器**：`#id`，用于定位具有特定ID的单一元素，如`$('#one')`会选中ID为“one”的元素，常用于修改该...
在jQuery中，选择器分为多种类型，包括基础选择器、类别选择器、ID选择器、属性选择器、后代选择器、子元素选择器、相邻兄弟选择器和通用选择器等。 1. **基础选择器**：主要包括`$()`，用于选取一个或多个DOM元素...
动态选择器是jQuery的核心特性之一，它允许开发者在运行时根据各种条件选取DOM元素。这在处理复杂的用户交互和动态更新的数据时尤其有用。动态选择器通常涉及以下几种类型： 1. **类选择器**: 使用`.`符号来选取...
这些内容可能与《锋利的jQuery第二版》这本书中的章节相匹配，该书是jQuery学习的经典参考资料之一。 jQuery选择器是其核心功能之一，它们用于在HTML文档中找到特定的元素，以便进行进一步的操作。下面是对jQuery...
**jQuery选择器工具详解** ...通过这个实验，你将能够更好地掌握jQuery选择器的用法，提高网页开发的效率，并能够灵活应对各种复杂的页面布局和交互需求。在实践中学习和探索，将使你成为jQuery选择器的专家。
**jQuery基本选择器** jQuery库是JavaScript中最广泛使用的库之一，它简化了DOM操作、事件处理和动画制作。其中，选择器是jQuery的核心功能之一，它使得能够高效地选取页面中的HTML元素。以下是对jQuery基本选择器...
### jQuery选择器速查表知识点 jQuery选择器是jQuery库中用于选取HTML元素的强大工具。通过不同的选择器，我们可以轻松地选中页面中的元素并进行操作。本速查表将介绍几种不同类型的选择器，以供查询和参考。 ####...
这可以通过监听第一个下拉框的`change`事件，然后使用`:has()`或`:children()`选择器找到并更新第二个下拉框的内容。 2. **表单验证**：在表单中，如果一个输入框的值满足特定条件，可能需要高亮显示或禁用另一个...
### Jquery 选择器整理 #### 基本选择器 **功能描述：** 基本选择器是jQuery中最常用的类型之一，它们提供了简单的DOM元素选择方式。通过这些选择器，开发者可以快速定位到页面中的特定元素。 **代码示例与...
通过以上介绍，我们可以看到jQuery的选择器不仅种类繁多，而且功能强大，能够满足开发者在各种场景下的需求，极大地提高了前端开发的效率和灵活性。在实际项目中，熟练掌握并运用这些选择器，将有助于我们更加高效地...
jQuery选择器是jQuery库的核心特性之一，它极大地简化了JavaScript中的DOM元素选择和操作。jQuery完全继承了CSS的风格，并在此基础上提供了更强大和灵活的选择方式。以下是对jQuery选择器的详细说明： **1. 基本...
在深入探讨jQuery选择器及其应用之前，我们先简要回顾一下jQuery是什么。jQuery是一个快速、简洁的JavaScript库，它的设计宗旨是“写得更少，做得更多”。它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互，...
jQuery支持多种CSS选择器，包括基本选择器、层次选择器、属性选择器和类选择器等。这些选择器可以帮助我们更精确地定位到我们需要操作的DOM元素。 1. **基本选择器**： - `$("#id")`：通过ID选择元素，例如`$("#...
### jQuery选择器与过滤器深度解析 在前端开发领域，jQuery因其简洁的语法和强大的功能，长期以来备受开发者青睐。其中，选择器与过滤器作为jQuery的核心功能之一，为DOM操作提供了极大的灵活性和便利性。本文将对...
**jQuery选择器大全** jQuery库以其易用性和强大的选择器功能而闻名，使得JavaScript开发者能够更轻松地操作DOM（文档对象模型）。以下是一份详细的知识点概述，涵盖了jQuery中的主要选择器及其应用。 1. **基本...
然而，在Java环境中，我们通常无法直接使用jQuery的选择器功能。本主题将深入探讨如何使用`org.htmlparser.Parser`这个Java库来模拟JavaScript中的jQuery选择器，以实现类似的页面元素查找功能。 `org.htmlparser....
在jQuery中，选择器分为多种类型，包括基本选择器、层次选择器、过滤器选择器以及内容和属性过滤器。下面我们将详细探讨这些选择器的用法和实例。 1. **基本选择器**： - `#id`：通过ID选择器选取具有特定ID的元素...
本篇文章将深入探讨如何利用jQuery实现滑动拖动设置时间日期范围选择器的功能，这对于构建用户友好的Web应用尤其有用。 首先，我们需要理解jQuery的基本语法和API。jQuery对象通常用"$"表示，它可以用来选择DOM元素...