前端技术学习之选择器（一）

最新推荐文章于 2023-05-14 14:58:55 发布

bwf_erg

最新推荐文章于 2023-05-14 14:58:55 发布

阅读量158

点赞数

文章标签：选择器属性值

本文链接：https://blog.csdn.net/bwf_erg/article/details/54234625

版权

一、属性选择器

属性选择器就是根据元素的属性及属性值来选择元素

1，只根据属性选择元素

适用于希望选择有某个属性的元素，只关心属性不关心属性值。

代码例子：

<!DOCTYPE html>

<html>

<head>

<title>指根据属性选择元素</title>

<style>

div[haha]

{

background-color: green;

}

</style>

</head>

<body>

<div haha="test">第一个测试的div元素</div>

<div nihao="test">第二个测试的div元素</div>

</body>

</html>

运行结果：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

bwf_erg

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Web前端开发技术-Jquery选择器.pptx

07-07

【jQuery选择器】是Web前端开发技术中一个重要的部分，它极大地简化了DOM元素的选取和操作。jQuery选择器分为多种类型，包括基本选择器、层级选择器、筛选选择器和其他选择器。 **1. 基本选择器** 基本选择器与CSS...

前端之选择器

weixin_46372074的博客

03-02

3984

前端之选择器选择器选择器参考表类型选择器 选择器 用来指定网页上我们想要样式化的HTML元素。 选择器所选择的元素，叫做“选择器的对象”。 选择器参考表类型选择器 又名“标签名选择器”或者是”元素选择器“，因为它在文档中选择的对象是一个HTML标签/元素。 <style> </style> ...

参与评论您还未登录，请先登录后发表或查看评论

前端——CSS选择器的常见用法详解

最新发布

xh1605004242的博客

05-14

3332

CSS选择器的常见用法

前端【常用选择器】总结

m0_53401967的博客

09-22

619

个标签可以有多个class名。类似于身份证号多个标签不可以有相同的id 一个标签不可以有多个id名。class名由俩个单词组成：用_隔开 eg:div_box。权重：各个选择器单独计算每个选择器用逗号隔开。权重：权重最小会选中所有标签。多个标签可以有相同的class名。

前端学习-关于选择器的介绍和使用

weixin_51346866的博客

03-01

1351

简单记录，略有不足。

jQuery选择器

qq_27034333的博客

01-03

117

基本筛选选择器 前面可以是标签名称，类的名称层级选择器 内容选择器 text不需要加引号基本筛选选择器 aaron是class名可见性筛选选择器 通过结果可以看到p1和p2都是隐藏的，且值都为1，p3是可见的。属性筛选选择器 子元素筛选选择器 注意这里索引是从1开始，而不是0 表单元素选择器 表单对象属性筛选选择器 特殊选择器this ...

Web前端学习之CSS课件

01-21

jsp日期选择器开发技术- Web开发

06-13

- Bootstrap是一款流行的前端框架，其Datepicker插件可轻松创建日期选择器。 - 引入Bootstrap CSS和JS，以及Datepicker的CSS和JS文件。 - 创建一个`<input type="text">`元素，加上`data-toggle="datepicker"`或...

入门前端？前端学习路线图汇总.md

10-15

本文旨在为那些想要入门前端开发的朋友提供一份清晰的学习路线图，帮助大家系统地了解前端开发所需要掌握的知识和技术。 #### 前端编辑器在开始前端学习之前，首先需要一个好用的编辑器。目前市场上有许多优秀的...

前端技术学习路线图.pdf

04-30

前端技术学习路线涵盖了前端开发的多个核心领域，以下是详细的知识点梳理： 1. HTML/CSS基础：学习HTML标记语言的结构，包括各种标签的使用方法和语义化，以及CSS的基础知识，如选择器、盒模型、布局和样式设计。 ...

前端选择器的选择

一剑守一城的博客

06-03

1074

在学习前端的时候，往往都要去寻找想要的控件，但是要怎么去寻找呢？这时候就要根据在不同情况选择不同的选择器来实现，来达到更好的效果，下面就是一些常用的选择器：$("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，...

技术选择器或方法

qq_34898847的博客

09-11

143

1. CSS3选择器:nth-child和:nth-of-type之间的差异对于p:nth-child(2)表示这个元素要是p标签，且是第二个子元素，是两个必须满足的条件。于是，就是第一个p标签颜色为红色（正好符合：p标签，第二个子元素）。而p:nth-of-type(2)表示父标签下的第二个p元素，显然，无论在div标签后面再插入个span标签，还是h1标签，都是第二个p标签中的文字变红...

前端各类选择器介绍

DevilAngelia的博客

11-04

1756

详情点击链接：https://blog.csdn.net/qq_38110274/article/details/102882492

精通 CSS 选择器

Night_Emperor的博客

08-30

483

文章转自：http://www.cnblogs.com/xyzhanjiang/p/5447406.html CSS 选择器除了样式表匹配元素时需要用到，在使用 jQuery 等库的时候也可以利用 CSS 选择器来选择元素，因此作为前端开发需要熟练掌握。下面是一些常用的 CSS 选择器示例。元素选择器 E，选择所有指定元素名称的元素，例如 p，选择所有的 p 元素。

前端选择器的简单介绍

SHIYIYE_的博客

09-03

1293

jQuery选择器蕾西与css选择器，用来选取网页中的元素示例：(“h3”).css(“background”,”red”);获取网页中所有h3元素的背景(“h3”).css(“background”,”red”);获取网页中所有h3元素的背景(“h3”).css(“background”,”red”); 获取网页中所有h 3元素的背景 (“h3”)返回的是jQuery对象...

前端必须掌握30个CSS3选择器

音韵者天

09-28

2646

也许你已经学会了CSS的三个简单常用的选择器：#ID，.class，标签选择器，可是这些就足够了吗？随着CSS3的到来，作为前端开发者需要掌握下面三十个基本的选择器，这样才可以在平时开发中得心用手。本文中将综合前端开发中常用的30个CSS3选择器，并且附带了浏览器的支持情况，希望对大家有所帮助。*：通用元素选择器* { margin: 0; padding: 0; } *选择器是选择页面上的全部元素

web前段选择器

Hunter808的博客

10-23

623

CSS选择器派生选择器 1.依据元素的上下文关系定义样式 p span { font-size: 16px; } 2.p标签下的span标签添加样式，无需在span标签里面增加id或者class，方便，这种样式比起自身添加样式的级别更高，覆盖自身样式 id选择器 1.HTML 添加 id,id是唯一的，css中的选择器以‘#’进行定义： #check { color: red; } 2....

前端选择器

weixin_43183295的博客

05-29

439

昨日内容回顾: 前端HTML 超文本标记语言注释   ps:写HTML的时候，注释一般都是成双成对的即   文件的后缀名 head内常用标签(不是给用户看的) title 定义网页标题 style 内部写css样式代码 lin...

前端基础选择器

weixin_42218868的博客

03-20

679

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .box1{ background-color: #cccccc; ...

Java WEB前端技术学习概要

学习Div+CSS需要掌握盒模型、选择器、定位（positioning）、浮动（floating）、响应式设计（responsive design）等概念，以及CSS3的新特性，如阴影、过渡、动画等。 4. JavaScript：作为客户端脚本语言，JavaScript...