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
  • 相关阅读:
    唯一索引 && 主键索引
    部分函数依赖 && 完全函数依赖
    范式
    BST树、B树、B+树、B*树
    哈希表
    Bzoj4569: [Scoi2016]萌萌哒
    Bzoj 4551: [Tjoi2016&Heoi2016]树
    Bzoj3631: [JLOI2014]松鼠的新家
    HDU4746: Mophues
    BZOJ2820:YY的GCD
  • 原文地址:https://www.cnblogs.com/kimisme/p/5284774.html
Copyright © 2011-2022 走看看