JQuery不工作，可能的源错误？

我使用Notepad ++，当我在浏览器中保存并运行这段代码时，Jquery不起作用。JQuery不工作，可能的源错误？

<!DOCTYPE html> 
<html> 
<head> 
<title>Result</title 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<link rel='stylesheet' type='text/css' href='style.css'/> 
    </head> 
    <body> 
    <script> 
    $(document).ready(function() { 
    $("div").click(function() { 
     $("div").fadeout('slow'); 
    }); 
}); 
</script> 
     <div></div> 
     </script> 
    </body> 
</html>

的style.css

div { 
    height: 100px; 
    width: 100px; 
    background-color: #FA6900; 
    border-radius: 5px; 
}

来源

2017-05-06 Jacob Moore

中添加一些文字DIV＆复查 – brk

还有一个额外关闭''标签后''div'和函数是'fadeOut（）'不是'fadeout（）'JS是区分大小写的 – Lixus

试过后仍然没有任何结果。 –

更换fadeout与fadeOut

编辑：由于意见建议，您的标题标记需要的时候关闭。

$(document).ready(function() { 
 
    $("div").click(function() { 
 
    $("div").fadeOut('slow'); 
 
    }); 
 
});

div { 
 
    height: 100px; 
 
    width: 100px; 
 
    background-color: #FA6900; 
 
    border-radius: 5px; 
 
}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<div></div>

你也可以更换内$(div)与$(this)如果你只是想点击的div来淡出

$(document).ready(function() { 
 
    $("div").click(function() { 
 
    $(this).fadeOut('slow'); 
 
    }); 
 
});

div { 
 
    height: 100px; 
 
    width: 100px; 
 
    background-color: #FA6900; 
 
    border-radius: 5px; 
 
}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<div></div>

来源

2017-05-06 16:51:27

回答

相关问题