jQuery类型(标签)选择器

最新推荐文章于 2024-04-16 03:29:12 发布
最新推荐文章于 2024-04-16 03:29:12 发布
阅读量8k 收藏
点赞数
分类专栏： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42923643/article/details/81590827
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jQuery类型(标签)选择器</title>
	<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript">
		$(function(){
			// 使用jQuery的css()方法改变背景色
			// $('div').css('background','pink');

			// 使用js原生方法改变背景色
			// var divs = document.getElementsByTagName('div');
			// for (var i = 0; i < divs.length; i++) {
			// 	divs[i].style.backgroundColor = 'pink';
			// }

			//混合使用改变背景色
			var divs = $('div');
			for (var i = 0; i < divs.length; i++) {
				divs[i].style.backgroundColor = 'blue';
			}

			// 注意:使用jQuery选择器效率低,建议使用DOM对象,getElementsByTagName()
		});

		
	</script>
</head>
<body>
	<div>header</div>
	<div>banner</div>
	<div>content</div>
	<div>footer</div>
	<span>note</span>
</body>
</html>

 

恋恋玫瑰花
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web前端入门知识：1-3
qq_50147784的博客
03-12 1335
一.基本选择器标签选择器:是指用html标签名称作为选择器，按照标签名称分类，为页面中某一标签指定统一的css样式优点：能快速为页面中同类型的标签统一样式缺点：不能设计差异化样式类选择器:使用“.”进行标识，后面紧跟类名，标签调用的时候用class="类名"即可可以为元素对象定义单独或相同的样式，可以选择一个或多个标签ID选择器：使用“#”进行标识，后面紧跟ID名，标签调用的时候用id="id名"即可元素的id值是唯一的，只能应对于文档中某一个具体的元素通配符选择器。
CSS3---选择器分类，最全版
yiran1919的博客
03-29 1909
此选择器与 :nth-child(n) 选择器计算顺序刚好相反，但使用方法都是一样的，其中 :nth-last-child(1) 始终匹配最后一个元素，与 last-child 等同。其中 n 可以是整数（1，2，3）、关键字（even，odd）、也可以是公式（2n+1）,而且 n 值起始值为 1，而不是 0。标签选择器，是指用HTML标签名称作为选择器，按照标签名称分类，为某一类标签指定统一的CSS样式。父元素的最后一个子元素的元素。为p标签设置样式，则当前页面，所有的p标签的样式，都生效。
【JQuery框架】五大选择器“全家桶”详解！，2024年最新学好前端开发
最新发布
m0_60749700的博客
04-16 646
如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。**在这里需要注意的是：**这两个选择器看上去似乎没有什么区别，但是我们在使用时就会发现其实是有区别的，**后代选择器会将元素A内部的所有B元素都选中，****而子选择器只会选中元素A的下一级元素中的B元素，范围是小于后代选择器的。// 选取有属性id的div元素，然后在结果中选取属性title值含有“es”的 div 元素背景色为红色" id=“b7”
基础选择器汇总——标签选择器，类选择器、id选择器、通配符选择器
周百万的博客
09-05 5072
标签选择器（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中标签指定统一的 CSS 样式。在 CSS 中，通配符选择器使用“*”定义，它表示选取页面中所有元素（标签）其中权重不能直接说成 1、10、100这样，但可以这样理解，这样理解更方便！如果想要差异化选择不同的标签，单独选一个或者某几个标签，可以使用类选择器。id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。复合选择器和属性选择器请参考我写的其他文章！
CSS的选择器(标签、类、id、通配符、后代、子元素、并集、链接伪类、focus伪类)
Bulut0907
01-23 4600
目录1. 标签选择器2. class类选择器3. id选择器4. 通配符选择器 1. 标签选择器 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>test title</title> <style> p { font-family: 宋体, sans-serif,
标签和选择器
linus.lin的博客
07-18 563
标签（label）是附加在kubernetes对象上的一组名值对，其意图按照对用户有意义的方式来标识kubernetes对象，同时，不对kubernetes的核心逻辑产生影响。标签可以用来组织或选择一组kubernetes对象，您可以在选择kubernetes对象时为其添加标签，也可以在创建完成之后再为其添加标签。使用标签（Label）可以高效地查询和监听kubernetes对象，在kubernetes界面（如KubenetesDashboard）和kubectl中，标签的使用非常普遍。...
jQuery常用选择器详解
10-19
jQuery的选择器基于CSS选择器，但扩展了其功能，使得开发者能够更高效地定位和操作DOM中的元素。以下是对jQuery常用选择器的详细解释： 1. **基本选择器**： - `#id`：通过ID选取元素，如`$('#div1')`。 - `....
JQuery选择器、过滤器大整理
10-24
1. **基本选择器**：`$()` 函数可以直接接收一个CSS选择器，如 `$("#myID")` 选取ID为`myID`的元素，`$(".myClass")` 选取具有类`myClass`的所有元素，`$("tagname")` 选取所有`tagname`标签。 2. **组合选择器**：...
常用jQuery选择器总结
10-25
jQuery选择器是jQuery库的核心功能之一，用于高效地定位并操作网页中的DOM元素。通过使用jQuery选择器，开发者可以轻松地选取需要的HTML元素，并执行一系列的DOM操作，如添加样式、修改内容或绑定事件等。 1. **...
jQuery 选择器用法实例分析【prev + next】
10-15
这里的`prev`和`next`都是有效的jQuery选择器，可以是元素类型、ID、类名、属性等。例如，`"#myElement + .myClass"`将选取ID为`myElement`元素之后的第一个带有`myClass`类的同辈元素。 **语法** ```javascript ...
jQuery选择器的工作原理和优化分析
10-28
3. 标签选择器（tagname）：选取特定类型的元素，如`$("div")`。 4. 属性选择器（[attribute=value]）：选取具有特定属性和值的元素，如`$("[href='http://example.com']")`。 5. 伪类选择器（:pseudo）：如`:hover`...
6—CSS基础选择器（标签选择器、类选择器、id选择器）
qq_64073631的博客
10-21 2505
6—CSS基础选择器（标签选择器、类选择器、id选择器）
回顾一下基础选择器汇总——标签选择器，类选择器、id选择器、通配符选择器
m0_46663705的博客
04-18 577
（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中标签指定统一的 CSS 样式。2、类选择器使用“.”（英文点号）进行标识，后面紧跟类名（自定义，我们自己命名的）在 CSS 中，通配符选择器使用“*”定义，它表示选取页面中所有元素（标签）其中权重不能直接说成 1、10、100这样，但可以这样理解，这样理解更方便！如果想要差异化选择不同的标签，单独选一个或者某几个标签，可以使用类选择器。使用“.”（英文点号）进行标识，后面紧跟类名（自定义，我们自己命名的）
详解css选择器
weixin_68613594的博客
07-16 1107
其中浏览器获取到了id为a2,a3,a4,a5的div标签，他们的父元素都是a1，而a1的最后一个子元素是p，不是div，所以无效。而first-of-type选择器则是选择父元素中第一个与指定类型相同的子元素，也就是说，如果父元素中有多个相同类型的子元素，只有第一个会被选择。通配符选择器用*号表示，*就是选择所有的标签 他是所有选择其中作用范围最广的，能匹配页面中所有的元素。first-child选择器选择的是父元素的第一个子元素，无论这个子元素是什么类型的元素。not，就是“非，不是” 的意思。
JQuery标签选择器
clyu的博客
07-12 6305
一、基本选择器 1、id选择器 语法：$(" #id值 ") 根据给定的ID匹配一个元素 2、class选择器 语法：$(" .class值 ") 根据给定的类匹配元素。 3、标签选择器 语法：$(" 标签名 ") 根据给定的元素名匹配所有元素 4、通配符选择器 语法：$(" * ") 匹配所有元素 5、并集选择器 语法：$(" selector1,selector2,selectorN ") 将每一个选择器匹配到的元素合并后一起返回。 6、交集选择器 语法：$(" selector1
web前端选择器整理
2201_75408313的博客
07-10 689
类选择器最大的优点是可以为元素对象定义单独或相同的样式，而且多个标记可以使用同一个类名，可以实现为不同类型的标记指定相同的样式。上述选择器中，div 为祖先元素，p 为后代元素，其作用就是选择 div 元素的所有后代 p元素，不管 p 元素是 div 元素的子元素、孙辈元素或者更深层次的关系，都将被选中。后代选择器中的空格，是用来表示后代层级的，当然就不限于二级的。该语法中，id名即为HTML元素的id属性值，大多数HTML元素都可以定义id属性，元素的id值是唯一的，只能对应于文档中某一个具体的元素。
〖大前端 - 基础入门三大核心之CSS篇②〗- CSS选择器之标签选择器、id选择器、class选择器与原子类
热门推荐
易编橙 · 终身成长社群，相遇已是上上签！
03-11 2万+
我们知道css是用来给HTML标签定义样式的，那么我们怎么给指定的标签定义想要的样式呢？这就需要用到css选择器 “选中” 这个标签。
jQuery基础----常用的选择器
u011863822的博客
07-20 1321
本篇就是列举了一些常用的jQuery选择器而匹配元素，当然如果学习过css会更好理解的。
jquery选择器
qq_56248592的博客
09-26 1187
全选的选择器* id选择器：$("#id的属性值") 类选择器：$(".class的属性值") 标签选择器：$("标签名") 并集选择器：$("选择器1，选择器2") 交集选择器 层级选择器 后代选择器：$("选择器1 选择器2") 子选择器：$("选择器1 > 选择器2") 属性选择器 属性名称选择器：$("选择器[属性名]") 属性选择器： $("选择器[属性名='值']") $("选择器[属性名!='值']") $("选择器[属性名^='值']") $("选择器[属性名$='值']") $...
jquery给select标签绑定切换事件
09-22
然后使用jQuery的选择器来选中该标签，接着使用on()方法为该标签绑定change事件。 下面是一个示例代码： HTML代码： 选项1 选项2 选项3 JavaScript/jQuery代码： $(document).ready(function(){ $("#...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值