jQuery学习笔记(1)-初探

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

新老客户大回馈,云服务器低至5折

一、jQuery是什么

1.jQuery是一套JavaScript脚本库,而不是框架;就好比“System是程序集”是类库,而“ASP.NET MVC”是框架;

2.jQuery并不能帮助我们解决脚本引用管理和功能管理,这些都是框架要做的事;

3.脚本库能帮助我们完成编码逻辑,实现业务功能

二、jQuery有什么特点

1.使用功能函数,快速开发

2.解决浏览器兼容性问题

3.提供各种动画功能,丰富的UI

4.纠正错误的脚本知识,可以避免js不规范

三、下载jQuery类库

1.直接通过nuget获取

image

四、开发过程

编写如下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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Html5 localStorage 缓存

下一篇:Web基础知识