理解jQuery库

时间:2016-01-07 21:49:53

标签: javascript jquery html

我有点困惑,我一直在代码学院做jQuery,我完成但是,但有些东西我不确定。

所以你必须下载jQuery库或我真的很困惑的事情,我看到其他人只是在他们的html页面链接jQuery, 例如,他们会将他们的html页面链接到他们的JS页面,如下所示:

<script type="text/javascript" src="Js/Main.js"></script>

然后在它下面他们将链接另一个但是与jQuery相关的外部网站,这是我感到困惑的部分。这是件事吗?我不确定,如果它可能有用我正在使用Sublime Text 2.

4 个答案:

答案 0 :(得分:2)

是的,您需要在需要执行jQuery的任何脚本之前加载jQuery库。所以使用像这样的CDN添加jQuery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="Js/Main.js"></script>

答案 1 :(得分:1)

您需要链接到jQuery(您在网站上托管的副本或CDN上的副本,例如Google的托管副本)。然后,您需要链接或包含您自己的使用jQuery的代码。订单很重要;如果你的代码使用jQuery但你先加载它就会破坏它。

例如,

<script type="text/javascript"> 
$(document).ready(function() {

  $('#Online-holder').show();
  $('#Online-link').click(function() {
    $('#Online').toggle(400);
    return false;
  });


  $('#Lowest-holder').hide();
  $('#Lowest-link').click(function() {
    $('#Lowest').toggle(400);
    return false;
  });


  $('#Alpha-holder').hide();
  $('#Alpha-link').click(function() {
    $('#Alpha').toggle(400);
    return false;
  });

});

jQuery("#selector1").change(function(){
    var div = jQuery(this).val();
    $('.holder').hide(200);
    jQuery(div).show(200);
});
</script>

答案 2 :(得分:0)

如果你想使用jQuery,就我而言,你可以做两件事:

  1. 自行下载jQuery代码,并使用以下代码将其包含在您的页面中:<script type="text/javascript" src="js/jQuery.js"></script>
  2. 使用GoogleApis链接让浏览器使用以下内容为您下载:<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  3. 这两种方法都很好,但是对于使用哪种方面的意见从开发到开发不等

    希望这有帮助!

答案 3 :(得分:0)

除非您有充分的理由,否则您应该使用内容分发网络(CDN)而不是自己托管jQuery。

3 reasons why you should let Google host jQuery for you