初学者Jquery问题

Question

首先，如果这是一个非常愚蠢的问题，我很抱歉，但我是一个初学者。

我的问题是我有一个表单，我可以编辑用户详细信息，它有一个单选按钮，这个表单位于我的edit.php。

在index.php它显示用户，我想在JQuery中做到这一点。如果选中此单选按钮，则在用户名后添加一个小图像。

现在我知道如果jquery文件包含在表单之前，它不会给出结果，所以我把它放在我的页脚，我在firebug控制台中写了一些简短的代码:

var something = $("#book_geek:checked").val();
alert(something );

当我在edit.php上运行它时，它完美地给了我值，但是我在index.php上得到null。

我的问题是，jquery文件包含在页脚，所以它可以在网站上全局访问，那么为什么我不能得到index.php的结果?

如果这是一个愚蠢的问题，我真的很抱歉，但我真的找不到任何正确的答案。

Answer 1

把js放到

$(document).ready(function() {
});

$(文档)。ready函数表示在DOM实例化完成之前不运行

Answer 2

你可以把它放在你的页眉:

jQuery(function($) {
    var something = $("#book_geek:checked").val();
    alert(something );
});

几点说明:

1. 我做jQuery(function($) {...的原因是，从jQuery开始，而不是$，将使您的代码更容易在未来与其他工具包共存，因为许多其他工具包试图建立自己的$()值。因此，在这个示例中，您可以在函数调用中使用$，就像您正在查看的任何示例一样。
2. 这将一个准备好的侦听器附加到页面，当浏览器确定页面已经完成了足够的初始化过程，可以为用户准备好时，该侦听器将执行。
3. 您可以多次执行此操作。如果你想在加载时做一些事情，而这些事情又不会互相影响，你可以添加几个新的ready listener。