2014年辛星jquery解读第一节

来源：互联网发布：mac onedrive 打不开编辑：程序博客网时间：2024/06/10 07:27

***************简介*****************
1.jQuery是一个Javascript库，而且很容易学习，功能也很强大。
2.jquery诞生自2006年1月，至今已经有八年的历史了。
3.jQuery的文档也比较全面，而且也有很多成熟的插件可供选择。

**************优势*****************
1.jQuery是免费、开源的，并且使用MIT许可协议，而且它让我们的操作更加简单。
2.它支持动态特效，并且支持Ajax，还有方便的链式调用，而且具有良好的浏览器兼容性，还有很不错的插件机制。

************jQuery的下载**************
1.我们可以从http://jquery.com/download/ 下载，我这里下载的版本是1.x里面的最近版，下载的文件名是jquery-1.11.1.min.js。
2.我们也可以调用各大网站的cdn使用，这样就不用下载了。
3.这里为了调用简单，我们把下载下来的文件改名为jquery.js。

***********第一个程序*************
1.我们在我们的juqery下的同级目录下新建一个my.html，我们就在它的下面开始写东西了，代码如下：

点击(此处)折叠或打开

<!DOCTYPE html>
<html>
<head>
<script src="jquery.js">
</script>
<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});
</script>
</head>
<body>
<p>Hello World</p>
<button id="hide">隐藏</button>
<button id="show">显示</button>
</body>
</html>

2.它的效果如下图：

3.至此，我们的第一个jQuery程序就做完了，可能大家一时看不懂上面的代码，没有关系，随着学习的深入，我们会逐渐带领大家去弄懂它。

****************说明**************
1.其实jQuery说不上好学难学，我个人感觉它的知识点并不多，但是我们要是想用它做出比较惊艳的效果来，还是得花费一番功夫的。
2.希望博文能够得到大家的支持，谢谢。

0 0