this.hash将返回“#foo”,这也是一个有效的

ID selector [docs].因此$(this.hash)与$(“#foo”)相同,并将选择ID为foo的元素.

在第二个例子中,您没有ID栏的元素.因此$(this.hash)将不会选择任何元素,而target.length将为0.

也许你感到困惑的是,尽管没有显示警报,但浏览器仍然跳转到< a name =“bar”>< / a>.浏览器的行为与jQuery不一样.

This attribute names the current anchor so that it may be the destination of another link. The value of this attribute must be a unique anchor name. The scope of this name is the current document. Note that this attribute shares the same name space as the id attribute.

因此,如果浏览器识别URL中的哈希(片段标识符),它会尝试使用该ID找到第一个元素,或者使用该名称找到第一个元素.

相比之下,CSS ID选择器(这是jQuery正在使用的)只搜索具有该ID的元素,而不是(a)具有该名称的元素.在内部,jQuery正在使用document.getElemenById.

如果哈希值总是引用一个ID或一个名称,您可以使用多个选择器进行一个选择：

$(this.hash + ', a[name="' + this.hash.substr(1) + '"]')

如果有一个这个ID的元素和一个这个名字的锚点,你可以选择所有这些.

HTML锚点为什么叫hash,javascript – jQuery this.hash行为在页面锚点链接相关推荐

  1. JavaScript+jQuery（PC端+移动端）

    文章目录 一.JavaScript 1)JS组成 2)JS引入方式 3)JS注释 4)JS输入输出语句 5)JS变量 6)数据类型 7)数据类型转换 8)标识符.关键字.保留字 9)运算符使用注意事项 ...

  2. javascript:jquery.history.js使用方法

    javascript:jquery.history.js使用方法 step1:download jquery.history.js step2:create a test page as follow ...

  3. 使用Javascript / jQuery下载文件

    本文翻译自:Download File Using Javascript/jQuery I have a very similar requirement specified here . 我在这里指 ...

  4. Java项目:嘟嘟校园一卡通系统(java+JSP+Servlet+html+css+JavaScript+JQuery+Ajax+mysql)

    源码获取:博客首页 "资源" 里下载! 一.项目简述 功能:卡管理,卡消费,卡充值,图书借阅,消费,记录,注销等等功能. 二.项目运行 环境配置: Jdk1.8 + Tomcat8 ...

  5. 如何在JavaScript / jQuery中查找数组是否包含特定字符串？ [重复]

    本文翻译自:How to find if an array contains a specific string in JavaScript/jQuery? [duplicate] This ques ...

  6. 生日祝福（HTML+CSS+JavaScript+jQuery）

    生日倒计时 下载地址:[生日祝福(HTML+CSS+JavaScript+jQuery).zip-教育文档类资源-CSDN下载]

  7. Java实现动态加载页面_[Java教程]动态加载页面数据的小工具 javascript + jQuery （持续更新）...

    [Java教程]动态加载页面数据的小工具 javascript + jQuery (持续更新) 0 2014-05-07 18:00:06 使用该控件,可以根据url,参数,加载html记录模板(包含 ...

  8. 【前端学习笔记】JavaScript + jQuery + Vue.js + Element-UI

    前端学习笔记 JavaScript jQuery Vue.js Element-UI Java 后端部分的笔记:Java 后端笔记 JavaScript 基础语法(数据类型.字符串.数组.对象.Map ...

  9. 怎么用java做todolist_[Java教程]JavaScript jQuery 任务清单 ToDoList

    [Java教程]JavaScript jQuery 任务清单 ToDoList 0 2020-10-23 03:02:01 代码实现: ToDoList.html(复制并保存为html文件,打开即可见 ...

最新文章

  1. 我一不小心把ubuntu里的ps这样的命令删掉了，应该怎么重装呢
  2. bash mysql_解决bash: mysql: command not found 的方法
  3. Python报错：The truth value of an array with more than one element is ambiguous
  4. u-boot nand flash read/write cmd
  5. Mac OS使用技巧之十六：系统失去响应怎么办？
  6. NSThread使用总结
  7. asp建站系统源码_ASP.NET制造业进销存管理系统源码
  8. Netrunner 2019.04 Rolling 版本发布
  9. 监听程序当前无法识别连接符中请求的服务_[Servlet] 18 监听器
  10. 游戏筑基之两个变量交换值与三个变量交换值的比较（C语言）
  11. M3U8下载，直播源下载，FLASH下载（三）-直播源下载
  12. VirtualBox 搭建android-x86
  13. Java实现中国象棋(人机对战)
  14. matlab电磁场 有限元,电磁场有限元Matlab解法.pdf
  15. 【解救ROS】ros小车机器人摄像头寻线的实现（基于opencv）
  16. python中dateutil库用法详解
  17. 手机麦克风权限在哪里开启_手机麦克风权限怎么设置
  18. web前端开发人员要求，css设置背景图片自适应
  19. 数据科学和人工智能技术笔记 十四、K 最近邻
  20. py.test --pep8 vsearch.py报错解决办法

热门文章

  1. cytoscape绘图互作网络图（二）
  2. 自定义 coding.net 静态网站域名
  3. GGally包绘制的几个图形
  4. 朱永官等综述土壤生态学研究前沿
  5. QIIME 2教程. 32如何写方法和引用Citing(2021.2)
  6. 微生物组-扩增子16S分析第12期(报名直播课免费参加线下2021.7)
  7. Windows轻松实现linux shell环境：gitforwindows
  8. 《晓肚知肠：肠菌的小心思》荣获“2018年度中国好书”奖
  9. 第七届“数学、计算机与生命科学交叉研究” 青年学者论坛
  10. 湖南中医药大学计算机刘伟老师,喜讯 | 湖南中医药大学在全省高校教师课堂教学竞赛中喜获佳绩...