1

我试图了解 JQuery 和 JavaScript 之间的区别。如果这是一个愚蠢的问题,我们深表歉意。

这是我对 JQuery 的尝试。按下按钮后,文本<p>应按要求更改。我不能让它工作。 http://jsfiddle.net/QaHda/7/

这是我的 JavaScript 尝试。我也不能让它工作 http://jsfiddle.net/aLhb8/1/

有人可以帮我吗

  1. 我上面的 jQuery 让它工作。
  2. 我上面的 jscript 让它工作。
  3. 我试图达到一种可以编写我的 JQuery 的方式,即它可以用 javascript 编写。谁能帮我做到这一点?

谢谢

编辑

感谢所有答案/更正:我在寻找第 3 部分是这里输入链接描述,我认为它基本上使用 javaScript 完成第 1 部分。将来我应该小心,使用左侧窗格,包括 Jquery 库并确保 jsript 被包裹在 head/body 中

4

5 回答 5

0

jQuery 是 javascript 函数库,您需要在 html 文件中添加 y jquery 函数不起作用的 jquery 文件,对于 javacript 函数,您需要将 jfiddele 中的设置更改为 no-wrap in head

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

http://jsfiddle.net/hus​​hme/QaHda/10/

这是代码

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

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

});
于 2013-07-22T00:42:42.220 回答
0

这是一个 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/

于 2013-07-22T00:59:56.903 回答
0

jQuery

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

演示:小提琴

JS 示例

问题是因为您的函数是在 onload 回调中定义的,所以它在全局范围内不可用,导致错误提示

未捕获的 ReferenceError:未定义 myFunction

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

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

演示:小提琴

于 2013-07-22T03:38:43.387 回答
0

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

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

于 2013-07-22T04:01:52.910 回答
0

如果您有互联网连接,这应该可以

<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的框架,所以它们都是或者它们是相同的。不要混淆自己。

于 2013-07-22T00:50:39.340 回答