类选择器选择非唯一属性无法精确取值的问题

一、总结

一句话总结:因为做的操作并不是精确选取,因为执行了两次选择器,所以肯定不对啊。

二、类选择器选择非唯一属性无法精确取值的问题

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>

类选择器选择非唯一属性无法精确取值的问题相关推荐

  1. Position属性四个取值用法和区别

    Position属性四个取值用法和区别 在初学css的过程中常常会碰到设置定位的问题,大多数初学者都是大概明白,如果不好好弄清楚将会给以后的开发带来困难,经过本小菜对其他文章的浏览,自我总结如下: 目 ...

  2. 前端:CSS/10/伪类选择器,CSS列表属性,CSS边框属性,CSS内边距属性,CSS背景属性

    CSS伪类选择器:给超链接加的样式(链接的不同状态加样式) 一个超链接,有四个状态: 正常状态(:link):鼠标没放上去之前的样式: 放上状态(:hover):鼠标放到链接上时的样式: 激活状态(: ...

  3. html5类选择器选择权重,Python Html5和CSS3的新增功能:CSS权重与CSS3新增选择器

    一.CSS权重概念 CSS权重概念:指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式. 二.权重的等级 2.1.权重的等级划分 ...

  4. php静态方法怎么调用非静态属性,关于静态方法不能调用类中的非静态属性的理解...

    class test{ public $a; public function game(){ echo "123"; } public static function name() ...

  5. CSS类选择器选择多个类用逗号隔开

    一 中间没有逗号隔开 .A.B {text-align: center;color: red; } 含义:同时包含A类和B类的情况下,才引用此格式 注意:如果引用时引用了多个类,类之间产生矛盾,比如颜 ...

  6. html5新增的伪类选择器有,CSS3新增了哪些选择器?(属性、结构伪类、伪元素选择器)...

    在css3提供的新选择器之前,选择一个元素需要借助id或者class,css3新增的选择器可以更灵活的去选择需要的元素,那css3提供了哪些好用的选择器呢? 首先就是属性选择器,我们可以通过属性选择器 ...

  7. 复合选择器之链接伪类选择器

    伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或选择第1个,第n个元素. 伪类选择器书写最大的特点是用冒号(:)表示,比如 :hover . :first-child . 因为伪类 ...

  8. CSS复合选择器之链接伪类选择器及总结

    在某些大型购物网站.新闻网站中可以看到许许多多的链接,其中很多链接的样式都为黑色,当鼠标放到某一链接上的时候,链接的颜色也会变化,点击过后颜色也会变化.这就用到了CSS复合选择器中的链接伪类选择器. ...

  9. js进阶 10-8 伪类选择器有哪几类(自己不用,永远不是自己的)

    js进阶 10-8 伪类选择器有哪几类(自己不用,永远不是自己的) 一.总结 一句话总结:自己不用,永远不是自己的. 0.学而不用,却是为何? 自己不用,永远不是自己的,有需求的时候要想到它,然后操作 ...

最新文章

  1. Linux - 收藏集 - 掘金
  2. 数组常见的遍历循环方法、数组的循环遍历的效率对比
  3. awesome docsify learning notes
  4. mysqldump死住(实际是导致mysqld crash)
  5. 欧洲的数据中心与美国的数据中心如何区分?
  6. C++真的能够王者归来吗?
  7. SAP License:SAP会计凭证抬头的字段状态控制
  8. python抓取图片_Python3简单爬虫抓取网页图片
  9. 初用WEB IOU,IE LAB备战启航
  10. 梯度下降法理论与实践
  11. Futter基础第2篇: 实现文本、容器【Text、Container】
  12. 关于jQuery、AJAX、JSON(一)
  13. 获取高德地图位置的经纬度
  14. 02_安装nginx-银河麒麟V10(Kylin Linux Advanced Server V10 (Tercel))操作系统
  15. 【SAP消息号AA347】
  16. POI word 内容提取 Strict OOXML isn‘t currently supported, please see bug #57699
  17. 【重磅】2021年SCI影响因子滚烫式公布!各领域TOP期刊!(附下载链接)
  18. android paint跑马灯,Android使用Canvas实现跑马灯
  19. 【简易搭建个人博客】------- 基于BT面板的个人博客搭建
  20. linux 命令行退出某条命令

热门文章

  1. shell实例第16讲:猜拳游戏
  2. 深入理解SpringBoot之装配条件
  3. kubernetes集群配置dns服务
  4. Codeforces 861 B Which floor? 思维
  5. secureCRT The remote system refused the connection. .
  6. HTML5 Maker – 在线轻松制作 HTML5 动画效果
  7. c# WINFORM SOCKET编程-简单聊天程序(服务端)
  8. 用户重要数据转移方法〖罗斌个人工作经验谈〗
  9. 微信小程序 提交表单
  10. SQL Server 学习笔记