首页 > > 网页制作 > Javascript >

jQuery学习笔记(1)-初探

2018-06-23 23:04:18来源：未知阅读 ()

一、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>