初识JQuery
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>
六、运行效果:
相关推荐
tztzyzyz 2020-07-05
87281248 2020-07-04
hhanbj 2020-11-17
81427005 2020-11-11
EdwardSiCong 2020-11-23
85477104 2020-11-17
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20