jQuery学习笔记(1)-初探
一、jQuery是什么
1.jQuery是一套JavaScript脚本库,而不是框架;就好比“System是程序集”是类库,而“ASP.NET MVC”是框架;
2.jQuery并不能帮助我们解决脚本引用管理和功能管理,这些都是框架要做的事;
3.脚本库能帮助我们完成编码逻辑,实现业务功能
二、jQuery有什么特点
1.使用功能函数,快速开发
2.解决浏览器兼容性问题
3.提供各种动画功能,丰富的UI
4.纠正错误的脚本知识,可以避免js不规范
三、下载jQuery类库
1.直接通过nuget获取
四、开发过程
编写如下html
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="../Scripts/jquery-2.2.1.js"></script> <script> $(function () { $("#btnShow").bind("click", function (event) { $("#divMsg").show(); }); $("#btnHide").bind("click", function (event) { $("#divMsg").hide(); }); $("#btnChange").bind("click", function (event) { $("#divMsg").html("Hello World,too"); }); }); </script> </head> <body> <div id="divMsg">Hello World</div> <input id="btnShow" type="button" value="显示" /> <input id="btnHide" type="button" value="隐藏" /> <input id="btnChange" type="button" value="修改内容为Hello World,too" /> </body> </html>
五、代码说明
(1)使用了jQuery的Id选择器:$(“#btnShow”)
(2)使用了事件绑定函数:bind()
(3)显示和隐藏函数:show()和hide()
(4)修改元素内部html函数:html()
六、参考文章
http://www.cnblogs.com/zhangziqiu/archive/2009/04/30/jQuery-Learn-1.html
更多精彩内容请看:http://www.cnblogs.com/2star>