$（document）.ready in javascript

Question

我是javascript和jquery的新手。 我想使用$（document）.ready注册一些事件处理程序。 例如，这样的代码，我的问题是，为了使用$（document）.ready，我需要在页面顶部引用哪些javascript库？ 感谢有人可以为我提供一个简单易用的示例来学习$（document）.ready。

<script>$(document).ready(function()
{
// function implementation internals
});
</script>

预先感谢乔治

Answer 1

您需要的只是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>

Answer 2

Google在其服务器上保留了一堆库的副本，这些副本非常可靠。

只需将以下内容添加到您的<head>部分，并将您的代码段放在下面的某处。

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

Answer 3

综上所述，

将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

而且您应该很好。

Answer 4

<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>

$（document）.ready in javascript

问题描述

4 个解决方案

解决方案1
2 已采纳 2010-12-11 10:12:44

解决方案2
1 2010-12-11 10:16:16

解决方案3
1 2010-12-11 10:20:47

解决方案4
1 2010-12-11 10:22:51

$（document）.ready in javascript

问题描述

4 个解决方案

解决方案1 2 已采纳 2010-12-11 10:12:44

解决方案2 1 2010-12-11 10:16:16

解决方案3 1 2010-12-11 10:20:47

解决方案4 1 2010-12-11 10:22:51

解决方案1
2 已采纳 2010-12-11 10:12:44

解决方案2
1 2010-12-11 10:16:16

解决方案3
1 2010-12-11 10:20:47

解决方案4
1 2010-12-11 10:22:51