将 jQuery 添加到崇高文本 2答案

【问题标题】：Adding jQuery to sublime text 2将 jQuery 添加到崇高文本 2
【发布时间】：2013-02-22 01:07:07
【问题描述】：

我是 jQuery 世界的新手，直到今天才开始使用 sublime text 2。因此，我不知道我必须下载哪些包以及如何下载。所以，如果有人知道如何添加 jQuery 以在我的 sublime text 2 编辑器中使用它，我会很高兴地请求。如果你能给我一步一步的指导，那就太好了，就像我说我是新手一样。另外，如何获取 jQuery 的选择列表。

任何帮助将不胜感激。谢谢：]

【问题讨论】：

您不必将 jquery 添加到 sublime，您只需将其包含在您的页面中，即：<script src="path/to/jquery.js"></script>。在向 Sublime 添加包之前，建议使用Sublime Package Control
@alme1304 你确定吗？因为它不起作用。我确实有一个链接
这样简单：youtube.com/watch?v=JcAN4D1QV6o
积极。你怎么知道它不起作用？
@alme1304 因为我在 sublime 中制作了一个 jQuery 并尝试运行它，但它不起作用

标签： javascript jquery web sublimetext2

【解决方案1】：

jQuery 是一个 JS 库。要使用它，您需要将其包含在您的文档中，例如：

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

你将能够像这样操作你的 DOM 元素/事件来做一些疯狂的事情：

<script>
    $(function(){
        $('body').prepend('HELLO EVERYONE!');
    });
</script>

或喜欢

this demo

为了帮助您的工作，Sublime 可以通过创建 快捷方式 sn-p 轻松包含该 jQuery 库，我将向您展示如何：

工具 > 新片段...

<snippet>
<content><![CDATA[
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
]]></content>
<tabTrigger>jquery</tabTrigger> <!-- the text that using [Tab] will paste the snippet -->
</snippet>

文件 > 另存为...
（在Documents And Settings/yourUserName/Application Data/Sublime Text 2/Packages/User/ 下）

jquery.sublime-snippet

重启 Sublime 输入 jquery + 点击你的 TAB 键，jQuery 库 sn-p 将包含在你的文档中。

您可以创建自己的 sn-ps 并反复使用，例如

$(function(){

});

var intv = setInterval(function(){

}, 1000 );

【讨论】：

你能解释一下这个sn-p业务吗？就像我说的，我是初学者，我一无所知。
感谢您的宝贵时间。虽然，我找到了视频，它向我展示了如何下载 jQuery 包。我不知道我是否清楚。但是为了解释的努力，竖起大拇指:)
我想将文件分开。因此，如果我创建一个 jQuery 文件，并将其链接到 html 文件。我必须在 jQuery 文件中添加什么？
@user123 您看到我添加到答案中的演示 jsBin 了吗？单击 JsBin 徽标，然后单击“下载”。下载 .html 文件后，您将看到它是如何工作的。 jQuery 库包含在 Google API 中，如果您想为您的函数创建一个单独的文件，请创建一个 functions.js 文件并链接到它。在该 JS 文件中，您只需将代码包装到 DOM 就绪函数。
嘿，非常感谢。非常感谢您的帮助:)

【解决方案2】：

Sublime Text 2 只是一个编辑器，你不需要使用包、sn-ps 等来使用 jQuery。在要使用 jQuery 的 HTML 文件中，您需要添加一个脚本标签，该标签指向 jQuery 框架所在的位置（这可以是放置 jQuery 的本地路径，也可以是 jQuery 在 Internet 上驻留的 url ）。

例如：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    jQuery(function(){
        // your code goes here, you can use jQuery at this point
    });
</script>

至于真正取决于您使用的 HTML 标记的“选择”列表。在这一点上，我只能推荐你阅读 jQuery 文档。这是他们学习中心的链接：http://learn.jquery.com/

【讨论】：

我想将文件分开。因此，如果我创建一个 jQuery 文件，并将其链接到 html 文件。我必须在 jQuery 文件中添加什么？