美文网首页
七、JQuery-1、概述

七、JQuery-1、概述

作者: cybeyond | 来源:发表于2018-06-02 16:17 被阅读0次

    1、JQuery是什么

    • 在JavaScript基础上开发出来的,对JavaScript进行了封装,功能更强大,操作更方便的一种javascript库
    • JQuery=JavaScript+Query=通过JavaScript从文档中查询元素,并对其进行操作
    • 轻量级的JavaScript库

    2、特点

    • 简洁的语法
    • 跨浏览器的兼容性
    • 适合用于文档遍历、DOM操作、事件处理、动画特效、AJax等

    3、主要功能

    • 获取网页元素
    • 设置网页外观
    • 更改网页内容
    • 响应用户操作(事件)
    • 添加动画效果
    • 实现AJax交互

    4、选择的原因

    • 轻量级,只有几十K
    • 跨浏览器兼容性
    • 基于CSS选择器
    • 面向集合
    • 详细的文档
    • 丰富的UI空间(easy ui),即用户界面
    • 与其他js库可以共存(Dojo、ext js)
    • 免费开源

    5、调试JQuery环境

    <html>
    <head>
    <meta http-equiv="Content-Type content="text/html;charset=gbk" />
    <style type="text/css">
    #info
    {
        width:500px;
        height:500px;
        background-color:blue;
        display:none;   
    }
    </style>
    <script type="text/javascript" src="jslib/jquery-3.3.1.js"></script>
    <script type="text/javascript">
    $(function(){
        $("#btn").click(function(){//匿名函数
            $("#info").show(2000);
        });
    });
    
    </script>
    </head>
    <body>
    <input type="button" value="测试" id="btn"/>
    <div id="info"></div>
    </body>
    </html>
    
    执行结果

    JQquery选择器:http://www.blogjava.net/ywj-316/archive/2010/01/21/310340.html

    相关文章

      网友评论

          本文标题:七、JQuery-1、概述

          本文链接:https://www.haomeiwen.com/subject/wotrsftx.html