首页 > Web开发 > 详细

初识JQuery

时间:2015-05-19 02:12:58      阅读:258      评论:0      收藏:0      [点我收藏+]

JQuery:

?一、JQuery:

?今天上网搜素什么的时候,就发现了JQuery,以前只是听人说过,今天好歹也写了几个Demo,瞬间觉得很好啊.

?

?二、JQuery简介:

?1.jQuery,顾名思议,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。

?2.jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可

?

?三、JQuery的引入:

?通过一行简单的标记来添加到网页中.

?本地:

?

<script type="text/javascript" src="E:\jquery\jquery-2.1.4.min.js"></script>

? ?

?

?引用:

?

百度压缩版引用地址:
<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>

微软压缩版引用地址:
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.1.min.js"></script>

官网jquery压缩版引用地址:
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

?

?

? ? ?四、JQuery的特性:

? 1.动态特性.

? 2.多浏览器支持

? ?? ??3.ajax

? 4.支持css,js特效和动画

?

? ? ?五、一个简单的隐藏和显示p标签的例子:

?

<html>
<head>
<script type="text/javascript" src="E:\jquery\jquery-2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

   $("button").click(function(){
   
      $("p").toggle(1000);
   });
});

</script>
</head>

<body>
<button type="button">隐藏</button>
<p>一个标签</p>
<p>另一个一个标签</p>
</body>

</html>

?

?

? ? ?

? ? 六、运行效果:

? ?bubuko.com,布布扣
?

初识JQuery

原文:http://cb123456.iteye.com/blog/2212278

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!