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

在jquery中，可以使用preventDefault阻止a标签打开链接。下面小编举例讲解jquery如何阻止页面a标签打开链接。

文章插图

需要这些哦
jquery+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件，定名为test.html，用于讲解jquery若何阻止页面a标签打开链接。

文章插图

2在test.html文件内，利用script标签在页面引入jquery.min.js库文件，当作功加载该文件，才能利用jquery方式。

文章插图

3在test.html文件内，利用a标签建立一个链接，用于测试。

文章插图

4在js标签内，经由过程a元素名称获得a标签对象，给它绑定click事务，当a标签被点击时，执行function方式。

文章插图

5在function方式内，利用preventDefault()方式阻止a标签执行跳动弹作。

文章插图

6在浏览器打开test.html文件，点击a标签链接，可见，点击无反映，当作功阻止了a标签打开链接。

文章插图

总结：1【jquery如何阻止页面a标签打开链接】1、利用a标签建立一个链接，用于测试。 2、在js标签内，经由过程a元素名称获得a标签对象，给它绑定click事务，当a标签被点击时，执行function方式。 3、在function方式内，利用preventDefault()方式阻止a标签执行跳动弹作。 4、在浏览器打开test.html文件，点击a标签链接测试。

以上内容就是jquery如何阻止页面a标签打开链接的内容啦，希望对你有所帮助哦！