Question

我试图理解JQuery和JavaScript之间的区别。如果这是一个愚蠢的问题，请道歉。

这是我对JQuery的尝试。按下按钮时，<p>中的文字应按要求更改。我不能让这个工作。 http://jsfiddle.net/QaHda/7/

这是我的JavaScript尝试。我也无法让这个工作 http://jsfiddle.net/aLhb8/1/

有人可以帮助我吗

我上面的jQuery让它运转起来。
上面的jscript让它运转起来。
我试图达到一个可以用javascript编写的方式编写JQuery的地方。任何人都可以帮我这么做吗？

由于

修改

感谢所有的答案/更正：我正在寻找的第3部分是enter link description here，我认为这基本上是第1部分使用javaScript。在将来我应该小心，使用左侧窗格，包括Jquery库并确保jsript包裹在头部/身体

Answer 1

jQuery是javascript函数库，你需要在hj文件中添加jquery文件yjquery函数不能正常工作，对于javacript函数你需要将jfiddele中的设置更改为no-wrap in head

http://jsfiddle.net/aLhb8/1/

http://jsfiddle.net/hushme/QaHda/10/

这是代码

$("button").on("click", function () {

    $("p").text("this text will now appear!!")

});

Answer 2

如果您有互联网连接，这应该有效

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    $(document).ready(function() {
        $('button').click(function() {
            alert("This is a simple alert message");   
        });        
    });

但是如果不这样做，那么只需下载jquery框架并将其包含到您的页面中

希望它有所帮助，无论如何jquery是一个javascript框架，所以它们都是或者它们是相同的。不要混淆自己。

Answer 3

以下是JavaScript版本 - http://jsfiddle.net/aLhb8/4/

的JavaScript

var myButton = document.getElementById('myButton');

myButton.addEventListener('click', function(){
   alert(myButton.textContent);
});

如果您想开始详细了解JavaScript，请查看此链接 - http://javascriptissexy.com/how-to-learn-javascript-properly/

Answer 4

<强>的jQuery

您需要在左侧面板的第一个下拉列表中选择jQuery版本，将jQuery库包含到您的页面中

演示：Fiddle

JS示例

问题是因为你的函数是在onload回调中定义的，它在全局范围内不可用，导致错误说

未捕获的ReferenceError：myFunction未定义

解决方法是通过在左侧面板的第二个下拉列表中选择No Wrap - in <body>，将脚本添加到body元素中，而不是在onload回调中。

function myFunction()
{
alert("Hello World!");
}

演示：Fiddle

Answer 5

对于纯JS代码，在左上方面板中，选择“No wrap-in body”。这将使您的代码运行没有问题。

在jQuery代码中，确保您选择了jQuery库，而不是纯JS。您之前没有选择此项，因此您的代码无效。

jquery和jscript中的按钮

5 个答案: