Question

我刚开始使用jquery工作。我从jquery.com下载了jquery“http://code.jquery.com/jquery-1.4.2.min.js”。我在html文件中访问过..

<html>
<head>
<title> Jquery fundentals</title>
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<style type="text/css">
#box{
    background: red;
    width: 300px;
    height: 300px;
}
</style>
<script type="text/javascript">
$(function(){
    $('a').click(function(){
        $('box').fadeOut();
    });
});
</script>
</head>
<body>
    <div id="box"> </div>
    <a href="#"> Click Me! </a>

    </body>
</html>

仍然无法在浏览器中看到效果？

也试过“http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”......但没有用任何人都可以解释这个问题吗？我试过三个浏览器。谷歌浏览器，Mozilla和Internet Explorer。

Answer 1

 $('box').fadeOut();

需要

 $('#box').fadeOut();

因为你在谈论带有ID框的元素。就像CSS一样。

顺便说一下，你也可以添加什么

return false;

在该行之后（为了防止浏览器跟随您点击的A的href属性，在这种情况下是'＃' - 如果页面已向下滚动，将导致它滚动回到顶部）

Answer 2

我认为firebug是你现在最好的朋友形式：）

首先检查jquery是否正确加载。您可以使用以下方法执行此操作：

    $(document).ready(function() {
       alert('hi');
    });

然后使用上面的一些选择器。

Answer 3

你是否也在你的项目中使用mootools。如果是，那么使用

var $jq=jQuery.noConflict();

然后使用$ jq代替$。我认为它现在正在工作。

或者你可以使用它..

$(function(){
    $('a').click(function(){
        $('#box').fadeOut();
    });
});

Answer 4

$('a').click(function(){
    $('#box').fadeOut(); // # means id... 
    return false; // prevent jumping to another page...
});

Answer 5

像这样更改您的JavaScript：

$(function(){
    $('a').click(function(){
        $('#box').fadeOut();
    });
});

请注意第二个选择器中的＃。它用于通过id查找元素。

Example

不能使用jquery

5 个答案: