之前@曾哥@赵总 等等好多童鞋问我怎么引入jQuery,看样子是时候把这个写出来Mark一下,以后写jQuery的文章就可以直接平滑的叙述了。

“Write less,do more”这就是为什么选它的缘故。

1.引入jQuery:

1.1.下载

jQuery官网,下载库文件。

文件分类两种:Production(29KB)和Development(214KB)两种版本,我们只需要用压缩的Production版本即可。

当前的版本是1.5.2

下载后,在网页文件的</head>标签之前加入

1.2.Google

这里不是要你Google,Google大大已经为我们准备好了人人可以引用的jQuery库,除非你的站点载入速度十分、非常、很、快,否则,还是用Google大大的吧。担心Google服务会被屏蔽掉的童鞋可以尽情的使用第一种。

同样是在网页文件的</head>标签之前加入

Google大大已经为我们整理好了文件,只需要修改/1.5.2/这里就可以选择到不同版本的jQuery了。

 

2.使用jQuery

2.1.书写

jQuery的写法很灵活,比如你可以在</head>之前加入

抑或保存成xxx.js文件,并在</head>标签之前引入

Js文件中直接这样写(单个代码或多个代码)

jQuery(ducument).ready(function(){
        //第一个
        Your code here;
    });
    jQuery(ducument).ready(function(){
        //第二个
        Your code here;
    });

2.2.多种形式

jQuery(document).ready(function(){
    Your code here.
  });

  $(document).ready(function(){
    Your code here.
  });

  $(function(){
    Your code here.
  });

以上的书写均是合法的。

至此,你已经初步和jQuery牵手成功了,剩下的,就看各位的造化了。