zoukankan      html  css  js  c++  java
  • jQuery学习教程(1)

    一、什么是jQuery

      JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。
    jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。如今,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。
    jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
      jQuery,顾名思义,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。

    二、历史版本

      2006年1月,jQuery的第一个版本出世,虽然过了这么久。但是它以简介、灵活的编程风格让人心生爱意,下来介绍jQuery的版本,知其所来

      到今天为止,版本已经经历了很多代,已经到2.X。我仔细数了一下,总共有15个版本。至于有哪些版本的新特性,可以去百度看一下

    三、怎么用?

      

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>简单的jQuery</title>
        <style>
            .text{
                width: 200px;
                height: 200px;
                background: yellow;
    
            }
        </style>
    </head>
    <body>
        <button>请来点击我吧</button>
        <div class="text"></div>
    </body>
        <script src="js/jquery-latest.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('button').on('click',function(){
                    alert('Hello world')
    
                });
                $('.text').hide(1000).show(2000);
            });
        </script>
    </html>

      导入本地库,推荐使用谷歌游览器

      

      当出现$符号的时候,说明库已经导入成功。欢迎下载jQery,密码是:bvw1

      具体的文件格式为

      

      当然尽然有本地库,也会有网络库。加载网络库的代码是下图,建议使用本地库,因为某些原因,导致国内不能上谷歌,当然FQ的话可以用,但是总体的感觉有点慢。

     <script src="//ajax.googleapis.com/ajax/libs/jquery2.1.1/jquery.min.js"></script>
  • 相关阅读:
    vue-router的push和replace的区别
    ajax请求常见状态码以及产生的原因
    vue定义data的三种方式与区别
    button与input button区别
    变量的声明方式
    js变量
    JavaScript的节流与防抖?
    js实现继承的方法-构造函数
    前端表单验证常用的15个JS正则表达式
    ES6中的新增数组的方法
  • 原文地址:https://www.cnblogs.com/Moshimol/p/5635915.html
Copyright © 2011-2022 走看看