类选择器选择非唯一属性无法精确取值的问题
类选择器选择非唯一属性无法精确取值的问题
一、总结
一句话总结:因为做的操作并不是精确选取,因为执行了两次选择器,所以肯定不对啊。
二、类选择器选择非唯一属性无法精确取值的问题
1、截图
2、代码
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"> 6 </script> 7 <script> 8 $(document).ready(function(){ 9 $("button").click(function(){ 10 var val=$("button").attr('id'); 11 alert(val); 12 $("#runoob").attr("href","https://www.runoob.com/jquery"); 13 }); 14 }); 15 </script> 16 </head> 17 18 <body> 19 <p><a href="//www.runoob.com" id="runoob">菜鸟教程</a></p> 20 <button id="btn1">修改 href 值</button> 21 <button id="btn2">修改 href 值</button> 22 <p>点击按钮修改后,可以点击链接查看链接地址是否变化。</p> 23 </body> 24 </html>
类选择器选择非唯一属性无法精确取值的问题相关推荐
- Position属性四个取值用法和区别
Position属性四个取值用法和区别 在初学css的过程中常常会碰到设置定位的问题,大多数初学者都是大概明白,如果不好好弄清楚将会给以后的开发带来困难,经过本小菜对其他文章的浏览,自我总结如下: 目 ...
- 前端:CSS/10/伪类选择器,CSS列表属性,CSS边框属性,CSS内边距属性,CSS背景属性
CSS伪类选择器:给超链接加的样式(链接的不同状态加样式) 一个超链接,有四个状态: 正常状态(:link):鼠标没放上去之前的样式: 放上状态(:hover):鼠标放到链接上时的样式: 激活状态(: ...
- html5类选择器选择权重,Python Html5和CSS3的新增功能:CSS权重与CSS3新增选择器
一.CSS权重概念 CSS权重概念:指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式. 二.权重的等级 2.1.权重的等级划分 ...
- php静态方法怎么调用非静态属性,关于静态方法不能调用类中的非静态属性的理解...
class test{ public $a; public function game(){ echo "123"; } public static function name() ...
- CSS类选择器选择多个类用逗号隔开
一 中间没有逗号隔开 .A.B {text-align: center;color: red; } 含义:同时包含A类和B类的情况下,才引用此格式 注意:如果引用时引用了多个类,类之间产生矛盾,比如颜 ...
- html5新增的伪类选择器有,CSS3新增了哪些选择器?(属性、结构伪类、伪元素选择器)...
在css3提供的新选择器之前,选择一个元素需要借助id或者class,css3新增的选择器可以更灵活的去选择需要的元素,那css3提供了哪些好用的选择器呢? 首先就是属性选择器,我们可以通过属性选择器 ...
- 复合选择器之链接伪类选择器
伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或选择第1个,第n个元素. 伪类选择器书写最大的特点是用冒号(:)表示,比如 :hover . :first-child . 因为伪类 ...
- CSS复合选择器之链接伪类选择器及总结
在某些大型购物网站.新闻网站中可以看到许许多多的链接,其中很多链接的样式都为黑色,当鼠标放到某一链接上的时候,链接的颜色也会变化,点击过后颜色也会变化.这就用到了CSS复合选择器中的链接伪类选择器. ...
- js进阶 10-8 伪类选择器有哪几类(自己不用,永远不是自己的)
js进阶 10-8 伪类选择器有哪几类(自己不用,永远不是自己的) 一.总结 一句话总结:自己不用,永远不是自己的. 0.学而不用,却是为何? 自己不用,永远不是自己的,有需求的时候要想到它,然后操作 ...
最新文章
- Linux - 收藏集 - 掘金
- 数组常见的遍历循环方法、数组的循环遍历的效率对比
- awesome docsify learning notes
- mysqldump死住(实际是导致mysqld crash)
- 欧洲的数据中心与美国的数据中心如何区分?
- C++真的能够王者归来吗?
- SAP License:SAP会计凭证抬头的字段状态控制
- python抓取图片_Python3简单爬虫抓取网页图片
- 初用WEB IOU,IE LAB备战启航
- 梯度下降法理论与实践
- Futter基础第2篇: 实现文本、容器【Text、Container】
- 关于jQuery、AJAX、JSON(一)
- 获取高德地图位置的经纬度
- 02_安装nginx-银河麒麟V10(Kylin Linux Advanced Server V10 (Tercel))操作系统
- 【SAP消息号AA347】
- POI word 内容提取 Strict OOXML isn‘t currently supported, please see bug #57699
- 【重磅】2021年SCI影响因子滚烫式公布!各领域TOP期刊!(附下载链接)
- android paint跑马灯,Android使用Canvas实现跑马灯
- 【简易搭建个人博客】------- 基于BT面板的个人博客搭建
- linux 命令行退出某条命令