zoukankan      html  css  js  c++  java
  • jQuery学习笔记(1)-初探

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

    更多精彩内容请看:http://www.cnblogs.com/2star
  • 相关阅读:
    SpringMVC 工作流程
    zookeeper
    Zookeeper
    HashMap
    Shiro learning
    Shiro learning
    Shiro learning
    Easy Poi入门
    Enum枚举学习- java5之前和之后的写法
    linux命令行todo列表管理工具Taskwarrior介绍
  • 原文地址:https://www.cnblogs.com/kimisme/p/5284774.html
Copyright © 2011-2022 走看看