系统学习jQuery.核心知识.局部.jQuery选择器.基本选择器

最新推荐文章于 2024-07-11 20:55:36 发布
最新推荐文章于 2024-07-11 20:55:36 发布
阅读量98 收藏
点赞数
文章标签： javascript ViewUI

1.基本选择器介绍

基本选择器是jQuery中（共5个）最常用的选择器，也是最简单的选择器，它通过元素的id、class和标签名等查找DOM元素，在CSS都有对应的选择器，所以这里的选择器没有什么难度。

2.详细介绍每个基本选择器



3.实例应用

<html>
	<head>
		<title>基本选择器（共5种）</title>
		<style type="text/css">
			.person,.country{
				width:280px;
				height:280px;
				border:#000 1px solid;
				background-color:#aaa;
				font-family:Verdana;
				font-size:17px;
				float:left;
				margin:5px;
			}
			.provinceLevel{
				width:80px;
				height:80px;
				background-color:#f00;
				font-size:12px;
				margin-top:12px;
			}
		</style>
		<script type="text/javascript" src="jquery.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#Jason").css("background-color","#fff");//id选择器
				//$(".country").css("background-color","#fff");//类选择器
				//$("p").css("background-color","#fff");//标签选择器
				//$("p,#beijing").css("background-color","#fff");//组合选择器
				//$("*").css("background-color","#fff");
			});
		</script>
	</head>
	
	<body>
		
		<div id="Jason" class="person">
			Jason's block.
			<p>Jason's dream is to go abroad for studying.</p>
		</div>
		
		
		<div id="China" class="country">
			China's block.
			<p>China's dream is to become the most stronger country.</p>
			
			<div id="shandong"" class="provinceLevel">
				ShanDong province's block.
			</div>

			<div id="beijing" class="provinceLevel">
				BeiJing city's block
			</div>

		</div>

		<div id="Spanish" class="country">
			Spanish's block.
		</div>
	</body>
</html>


iteye_11495
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery学习（二）--各种选择器说明
money house
12-24 603
jQuery选择器的分类：      ------基本选择器（basic）      ------层次选择器（level）      ------过滤选择器（filter）      ------表单选择器（form）   基本选择器 实例1: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://w
jQuery学习笔记之jQuery.fn.init()的参数分析
10-25
在jQuery库中，`jQuery.fn.init`是jQuery构造函数的核心部分，它用于初始化新的jQuery对象。当我们使用`$`符号或者`jQuery`函数创建一个新的jQuery实例时，实际上就是在调用`jQuery.fn.init`。这个函数接收三个参数...
系统学习jQuery.核心知识.局部.jQuery选择器.层次选择器
dawuafang
12-27 73
1.层次选择器介绍 前面基本选择器是直接通过DOM节点本身来进行选择的，这里的层次选择器则是基于DOM元素的层次关系获取特定的元素，例如相邻元素、同辈元素、子元素与后代元素，也就是迂回的方式来选择相应的元素。 2.详解每个层次选择器 3.应用实例 &lt;html&gt; &lt;head&gt; &lt;title&gt;基本选择器&lt;/title&gt; &lt...
Jquery部分选择器
qq_28835447的博客
07-11 286
基本选择器 属性选择器 内容过滤选择器 子元素过滤选择器 可见性过滤选择器 一、基本过滤选择器 选择器 参数 :first 选取第一个元素 .。$(‘li:first’); 获取匹配的第一个li元素 :last 选取最后一个元素 $(“div:last”).css(“color”,“red”); :not 除去指定的选择器外的元素 $(“div:not”).cs...
STYLE元素的scoped属性 局部CSS选择器
william 成长路上
01-15 915
一直以来，文档上的STYLE元素通常都是作用域全局的，选择器按照全局的CSS优先规则来设置的。要实现局部的选择需要先选到容器元素，再用后代选择器来实现。scoped属性可以让STYLE元素不再作用于全局，而从当前STYLE元素所在的容器开始选择后代。 　　比如下面这个测试（请使用Firefox）运行>    scoped>     span {color:red;}      >我是第1
JQuery选择器的分类详解说明
上善若泪
09-05 2478
目录 1 基本选择器 1.1 CSS选择器 1.1.1 标签选择器 1.1.2 ID选择器 1.1.3 类选择器 1.1.4 通用选择器 1.1.5 群组选择器 1.2 层级选择器 1.2.1 子元素选择器 1.2.2 后代选择器 1.2.3 紧邻同辈选择器 1.2.4 相邻同辈选择器 1.3 表单域选择器 1.3.1 :input选择器 1.3.2 :text选择器...
jQuery选择器源码解读（四）：tokenize方法的Expr.preFilter
10-24
主要介绍了jQuery选择器源码解读（四）：tokenize方法的Expr.preFilter,本文用详细的注释解读了tokenize方法的Expr.preFilter的实现源码,需要的朋友可以参考下
39.jQuery中的常用选择器.avi
03-07
jQuery中的常用选择器
jquery.min_jquery.min.js_
10-03
6. **插件生态系统**：jQuery拥有庞大的插件库，涵盖了表单验证、轮播图、图表、日期选择器等各种功能，极大地扩展了其使用范围。 7. **浏览器兼容性**：jQuery致力于解决跨浏览器的问题，使得开发者不必关注不同...
JQuery学习笔记一(JQuery选择器.css样式操作,节点关系)
01-08
目录 一.JQuery了解 1,原生js的问题  2. JQuery简单介绍 2.1 官方自我介绍: ...三.$()选择器 1.$()选择的结果是一个类数组 2.使用方法(引号问题) 3.文档加载  3.1 [removed]()函数和$(document).re
Jquery---层次选择器
flybird的博客
09-23 802
1： $("ancestor descentdant") :选取的是ancestor 后代的所有元素 2： $("parent>child") 选取的是 parent 的孩子 child  仅仅只是parent的下一代,不能是孙子 3： $("pre + next")  选取的是紧接per 的下一个next元素，next 和pre 具有同一个父辈 4： $("
jQuery_基本选择器
大脸猫~
06-24 4667
一.CSS选择器： #id &amp;nbsp; &amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; id选择器 &amp;nbsp; &amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;#id{color:red} .class &amp;nbsp
jQuery中选择器有哪几种(哪几种最常见)
热门推荐
NULL
01-17 4万+
一、基本选择器 基本选择器是jQuery中最常用也是最简单的选择器，它通过元素的id、class和标签名等来查找DOM元素。 1、ID选择器 #id 描述：根据给定的id匹配一个元素， 返回单个元素（注：在网页中，id名称不能重复） 示例：$("#test") 选取 id 为 test 的元素 2、类选择器 .class 描述：根据给定的类名匹配元素，返回元素集合 示例：$(".te
什么是防抖和节流？如何理解它们并在不同的场景条件下灵活运用？
Vinca@的博客
07-08 867
防抖（Debouncing）和节流（Throttling）是两种常见的性能优化技术，常用于控制某些操作（例如事件处理器）的频率，从而减少资源消耗并提高性能。防抖：在事件停止触发后的指定时间内执行函数。适用于需要等用户停止操作后再处理事件的场景。节流：在指定时间间隔内最多执行一次函数。适用于需要限制函数执行频率的场景。滚动停止后的操作：使用防抖。滚动过程中的持续操作：使用节流。根据具体需求选择适合的优化技术可以有效提高应用性能和用户体验。
Vue 3集成krpano 全景图展示
Mr丶GUO
07-06 434
Vue 3集成krpano 全景图展示，需要借助官方工具进行制作注意事项：vue@cli3没有static，需要放在public目录下。
lightchart 和百度echarts 有什么区别, 各自优势是什么
huanghm88的专栏
07-08 183
总体而言，Lightchart和百度Echarts都是强大的图表库，选择使用哪个取决于具体的需求和个人偏好。如果您对界面简洁和定制化有较高要求，可以选择Lightchart；社区活跃：百度Echarts拥有广泛的用户群体和开发者社区，用户可以通过社区获取到丰富的文档、教程和示例，解决问题和获取帮助。易于使用：Lightchart提供了方便易用的API和丰富的文档和示例，使用户能够快速上手并灵活使用图表库。成熟稳定：百度Echarts已经发布了多个版本，经过了长时间的发展和优化，具有较高的稳定性和可靠性。
在项目中，如何使用springboot+vue+springsecurity+redis缓存+Axios+MySQL数据库+mybatis
最新发布
huanghm88的专栏
07-11 603
在Spring Boot中，可以使用Spring Data JPA和MyBatis来配置MySQL数据库。在Vue项目中，可以创建一个config.js文件来配置后端的API地址，然后在需要发送请求的地方使用Axios发送请求。根据业务需求，在Spring Boot中编写相应的接口和服务层代码，包括数据访问、业务逻辑等。在Vue中，可以使用Axios发送HTTP请求，并将响应的数据展示在前端页面上。分别启动后端的Spring Boot应用和前端的Vue应用，访问前端页面，就可以看到与后端进行通信的效果。
JS混淆基本类型和原理
朴拙科技的博客
07-06 737
混淆技术为JS代码提供了一定程度的保护，但同时也给代码的维护和逆向工程带来了挑战。了解和掌握这些混淆技术的原理和解析方法，可以帮助开发者更好地保护或理解JS代码。然而，需要注意的是，混淆并不是万无一失的安全措施，它更多的是增加了攻击者理解代码的难度。在进行逆向工程时，应始终遵守法律法规，尊重知识产权，不要用于非法目的。
jquery id选择器.var
05-17
jQuery中的id选择器用于选择指定id属性的元素。它以"#"开头，后面跟随元素的id值。例如，如果我们想选择id为"myDiv"的元素，可以使用以下代码： ``` $('#myDiv') ``` 其中"$"符号是jQuery的简写形式，意思是调用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值