将jQuery添加到sublime文本2

时间:2013-03-07 00:32:29

标签: javascript jquery web sublimetext2

我是jQuery世界的新手,今天才开始使用sublime text 2.因此,我不知道我必须下载哪些软件包以及如何下载。所以,如果有人知道如何在我的sublime text 2编辑器中添加jQuery来使用它,我会请求。如果你能给我一步一步的指示,那将是很棒的,就像我说我是新手一样。另外,如何获取jQuery的选择列表。

任何帮助都会非常感激。谢谢:]

2 个答案:

答案 0 :(得分:3)

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可以通过创建快捷方式代码段轻松地包含该jQuery库,我将向您展示如何:

工具&gt; New Snippet ...

<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>

档案&gt; 另存为...
(在 Documents And Settings / yourUserName / Application Data / Sublime Text 2 / Packages / User / 下)

jquery.sublime-snippet

重新启动Sublime类型jquery +点击 TAB 键,jQuery库代码段将包含在您的文档中。

您可以创建自己一遍又一遍使用的片段,例如

$(function(){

});

var intv = setInterval(function(){

}, 1000 );

答案 1 :(得分:2)

Sublime Text 2只是一个编辑器,你不需要使用包,代码片段等来使用jQuery。在要使用jQuery的HTML文件中,需要添加一个指向jQuery框架所在位置的脚本标记(这可以是放置jQuery的本地路径,也可以是jQuery驻留在互联网上的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/