jquery如何阻止页面a标签打开链接

 时间:2024-10-13 19:42:50

1、新建一个html文件,命名为test.html,用于讲解jquery如何阻止页面a标签打开链接。

jquery如何阻止页面a标签打开链接

2、在test.html文件内,使用script标签在页面引入jquery.min.j衡痕贤伎s库文件,成功加载该文件,才能使用jquery方法。

jquery如何阻止页面a标签打开链接

3、在test.html文件内,使用a标签创建一个链接,用于测试。

jquery如何阻止页面a标签打开链接

4、在js标签内,通过a元素名称获得a标签对象,给它绑定click事件,当a标签被点击时,执行function方法。

jquery如何阻止页面a标签打开链接

5、在function方法内,使用preventDefault()方法阻止a标签执行跳转动作。

jquery如何阻止页面a标签打开链接

6、在浏览器打开test.html文件,点击a标签链接,可见,点击无反应,成功阻止了a标签打开链接。

jquery如何阻止页面a标签打开链接
  • SQLServer数据导入Excel表格数据
  • VS2017 发布网站到文件夹
  • Win7如何使用GCC编译器
  • echarts折线图如何绘制平滑曲线
  • 在Tomcat中配置数据库连接池
  • 热门搜索
    禁烟手抄报 科普知识手抄报 爱祖国手抄报内容简短 关于法制的手抄报 少先队手抄报 爱祖国手抄报简单漂亮 关于法律的手抄报 劳动手抄报简单又漂亮 艾滋病手抄报 扶贫手抄报