Javascript 无法使用jQuery选择元素_Javascript_Jquery_Html_Hyperlink_Preventdefault

Javascript 无法使用jQuery选择元素

javascript jquery html hyperlink

Javascript 无法使用jQuery选择元素,javascript,jquery,html,hyperlink,preventdefault,Javascript,Jquery,Html,Hyperlink,Preventdefault,编辑：我已经修好了。我在寻找jQuery时犯了一个错误。一旦我将src属性更改为，它成功了。谢谢大家！我想阻止链接将用户带到另一个页面。当我尝试使用getElementByIdid选择元素时，效果很好。但是，当我尝试使用$id进行选择时，它不起作用。为了澄清这一点，这是可行的：但这不起作用： <html> <body> <a id="preventlink" href="http://youtube.com"> click here </a&g

编辑：我已经修好了。我在寻找jQuery时犯了一个错误。一旦我将src属性更改为，它成功了。谢谢大家！我想阻止链接将用户带到另一个页面。当我尝试使用getElementByIdid选择元素时，效果很好。但是，当我尝试使用$id进行选择时，它不起作用。为了澄清这一点，这是可行的：

但这不起作用：

<html>
<body>
<a id="preventlink" href="http://youtube.com"> click here </a>
<script src="js/jquery-1.11.3.min.js"> </script>
</body>
</html>

<script>
var link=$("#preventlink");
link.addEventListener("click", function(e) {
    e.preventDefault()}, false)

    </script>

我意识到这两个提琴实际上都能工作，但当我在Chrome中加载HTML文件时，带有jQuery选项的那个不能工作。由于我在下面介绍的源代码在JSFIDLE中运行良好，但在Chrome中运行不正常，我怀疑我做错了什么，但JSFIDLE不处理链接或类似的东西。任何帮助都将不胜感激

无法工作的源代码：

<html>
<body>
<a id="preventlink" href="http://youtube.com"> click here </a>
<script src="js/jquery-1.11.3.min.js"> </script>
</body>
</html>

<script>
var link=$("#preventlink");
link.addEventListener("click", function(e) {
    e.preventDefault()}, false)

    </script>

jQuery创建一个jQuery实例，如果需要实际的DOM元素，可以执行以下操作：

var link = $("#preventlink")[0];

或者，继续使用jQuery添加事件：

$("#preventlink")
    .click(function (e) {
        e.preventDefault();
    });

从jQuery实例获取元素： var link=$preventlink[0]； link.addEventListener单击，函数E{ e、防止违约 }，假；

jQuery创建一个jQuery实例，如果需要实际的DOM元素，可以执行以下操作：

var link = $("#preventlink")[0];

或者，继续使用jQuery添加事件：

$("#preventlink")
    .click(function (e) {
        e.preventDefault();
    });

从jQuery实例获取元素： var link=$preventlink[0]； link.addEventListener单击，函数E{ e、防止违约 }，假；

您将jQuery与vanilla JS混合使用：

$id-jQuery

document.getElementByIdid-JS

试着使用它们中的任何一个

jQuery：

香草JS：

您将jQuery与vanilla JS混合使用：

$id-jQuery

document.getElementByIdid-JS

试着使用它们中的任何一个

jQuery：

香草JS：

试试这个：

$("#preventlink").on('click', function (e)
{ 
    e.preventDefault (); 
});

试试这个：

$("#preventlink").on('click', function (e)
{ 
    e.preventDefault (); 
});

这里有一种更为jQuery的方法来完成您所寻找的任务

var$link=$preventlink； $link.onclick，function e{ e、防止违约；点击alertlink； };

这里有一种更为jQuery的方法来完成您所寻找的任务

var$link=$preventlink； $link.onclick，function e{ e、防止违约；点击alertlink； };

这是因为addEventListener是一个javascript函数。它不是为jquery定义的。对于jquery，可以使用bind函数。下面是示例代码

$document.readyfunction{ var-link=$preventlink； link.bind'click'，函数e{ e、预防默认值；} };

这是因为addEventListener是一个javascript函数。它不是为jquery定义的。对于jquery，可以使用bind函数。下面是示例代码

$document.readyfunction{ var-link=$preventlink； link.bind'click'，函数e{ e、预防默认值；} };

您没有正确地将jquery包含在您的小提琴中。即使您这样做了，您也没有正确使用jQuery。您没有正确地将jquery包含在您的小提琴中。即使您这样做了，您也没有正确地使用jQuery。点击“点击”？@j08691，谢谢！我从操作系统获得的复制粘贴代码感谢您的帮助，但是1。你写的东西不管用，还有2。我不知道发生了什么，但是现在没有jQuery我也无法让它工作。@ChristofferCorfieldAakre，您是否从jQuery实例中用[0]获取了元素。此外，我更新了我的答案，以演示我解释的两种不同方式。单击“单击”？@j08691，谢谢！我从操作系统获得的复制粘贴代码感谢您的帮助，但是1。你写的东西不管用，还有2。我不知道发生了什么，但是现在没有jQuery我也无法让它工作。@ChristofferCorfieldAakre，您是否从jQuery实例中用[0]获取了元素。此外，我更新了我的答案，以演示我解释的两种不同方式。