jQuery简介

最新推荐文章于 2025-05-28 12:36:17 发布

原创最新推荐文章于 2025-05-28 12:36:17 发布 · 582 阅读

1 ·

CC 4.0 BY-SA版权

精通Javascript 专栏收录该内容

6 篇文章

订阅专栏

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包含如下特点：

动态特效
AJAX
通过插件来扩展
方便的工具 - 例如浏览器版本判断
渐进增强
链式调用
多浏览器支持，支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+（在2.0.0中取消了对Internet Explorer6,7,8的支持）

功能快速浏览

DOM遍历与操作

获取class 属性为'continue' 的button元素，修改它的内容为 'Next Step...'

 
        $( 
        "button.continue" 
         ).html( 
        "Next Step..." 
         )

事件处理

将ID为button-container节点下所有按钮注册单击事件，单击任意按钮时，将ID为banner-message的元素显示出来

 
        var 
         hiddenBox = $( 
        "#banner-message" 
         );
       
        $( 
        "#button-container button" 
         ).on( 
        "click"
        , 
        function
        ( event ) {
       
        hiddenBox.show();
       
        });

Ajax

请求本地服务，请求路径为 /api/getWeather ，请求参数是 zipcode=97201 ，成功返回结果后，将结果显示在 #weather-temp. 元素内

 
        $.ajax({
       
        url: 
        "/api/getWeather"
        ,
       
        data: {
       
        zipcode: 97201
       
        },
       
        success: 
        function
        ( data ) {
       
        $( 
        "#weather-temp" 
         ).html( 
        "<strong>" 
         + data + 
        "</strong> degrees" 
         );
       
        }
       
        });