$(document).ready在javascript中

时间:2010-12-11 10:11:41

标签: javascript jquery html

我是javascript和jquery的新手。我想使用$(document).ready来注册一些事件处理程序。例如,像这样的代码,我的问题是我需要在页面的头部引用javascript库才能使用$(document).ready?感谢是否有人可以提供一个简单易用的样本来学习$(文档).ready。

<script>$(document).ready(function()
{
// function implementation internals
});
</script>
提前谢谢, 乔治

4 个答案:

答案 0 :(得分:2)

您只需要jQuery库。

http://www.jquery.com

您可以下载该库并将其包含在您自己的服务器中,也可以使用提供该库的众多CDN之一。例如:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script type="text/javascript">
     $(document).ready(function() {
           // do something useful
     });
</script>

答案 1 :(得分:1)

Google会在其服务器上保留a bunch of libraries的副本,这些副本非常可靠。

只需将以下内容添加到<head>部分,然后将代码段放在下方。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>

答案 2 :(得分:1)

总之,

将sje397提供的<script>标记放在页面的<head>部分,该部分提供了您需要的唯一库... jQuery。

(或者:<script src="http://code.jquery.com/jquery-1.4.4.js" type="text/javascript"></script>

阅读http://docs.jquery.com/Tutorials:How_jQuery_Works

你应该好好去。

答案 3 :(得分:1)

<html>
<head>
</head>
<body>

<div id="someElement">Click Me</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    (function($) {
        $(document).ready(function() {

            $('#someElement').bind('click', function(event) {
                // event.preventDefault(); // you might want to do this if your event handler has a default action associated with it (e.g. a link that gets clicked with an href)
                // do stuff on your event (change click to whatever you need)
            });

        });
    })(jQuery);
</script>
</body>
</html>