简单的jquery不使用rapidweaver。

Question

我花了好几个小时(几天)寻找一个解决方案，但我没有找到明确的解决方案。我是新来的，所以我可能不知道一些基本的程序。我肯定我犯了一个很简单的错误，希望有人能帮我。

基本上，当您按下提交按钮时，我希望将文本添加到输入字段。我认为密码是正确的：

$(document).ready(function(){
    $('input[name="submitButton" ').mouseenter(function(){
        $('input[name="form[element0]" ').value($('input[name="form[element0]" ').value() + "extra text added") ;
    });
});

我认为问题是我不能直接用rapidweaver修改html，所以我不能把脚本源代码放在我想要的地方。我只能将东西添加到标题、css、JavaScript标签中，但没有任何东西可以直接添加到主体。所发生的事情是在JavaScript库之前加载jQuery。但我不确定这是否是问题所在。

这将添加到标题的最底部：

<script type="text/javascript" src="jquery-1.10.1.min.js" ></script>

我还确保文件位于正确的文件夹中。

如果这是我的代码，或者我只是没有正确设置，对什么有什么错误的想法吗？

Answer 1

事实证明，我解决这个问题的方法是将代码移动到带有标记的标头，然后将http://添加到scr的前面，如下所示：

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

更多信息在这里：248749

Answer 2

这取决于在执行上面的代码之前是否包含了头页。为了避免您在选择html元素时感到困惑，请给该元素一个ID并与其进行访问。

e.g
   <input type = 'text' id = "txt1">
   <button id = "btnId"><Click Me</button>

并通过jquery访问它

$(document).ready(function() { 
    $('#btnId').click(function() { 
        $('#txt1').html('This will appear to the textbox!');
    });
});

如果您有internet连接，您可以在这里引用jquery，这样您就不会对jquery文件所在的位置感到困惑。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>