jquery在外部文件中不起作用

时间:2017-03-02 14:21:38

标签: jquery

我是新手,所以请放轻松。 我的style.css,js.js和index都在同一个文件夹中。 但jquery由于某种原因不会起作用,我不明白为什么。 我尝试将它放在body标签的末尾,但仍然无法正常工作。 这是我的HTML ::

<!DOCTYPE html>
<html lang="en">
<head>
        <title>Kurrac</title>
        <meta charset="UTF-8">
        <link href="style.css" rel="stylesheet">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script src="js.js"></script>
    </head>
    <body>
            <button id="btt">press me gently</button>        
    </body>
</html>

我的js.js文件::

$(document).ready(function(){
    $("btt").click(function(){
    alert("tell me if it works")}
)})

1 个答案:

答案 0 :(得分:2)

您的选择器不正确。

应该是:

$("#btt")

btt会查找<btt>元素。

#btt会查找id btt的元素。