2.4 完美兼容浏览器的jQuery框架

jQuery是一个优秀的轻量级JavaScript框架，能够完美兼容HTML 5、CSS 3以及各种浏览器，并使开发者能方便地处理HTML事件、动画，也能为网站提供方便的Ajax交互。

相对于其他JavaScript框架，jQuery一个非常大的优势在于它拥有非常全面的帮助文档和例程，并且拥有许多成熟的插件可供选用，比如jQuery Mobile就是一套非常不错的移动插件。此外，jQuery不但能够有效地使jQuery代码与HTML内容分离，也可以与原本的JavaScript混用，这对开发者来说无疑是非常方便的。

比如，要使用传统的JavaScript响应页面上某元素被点击的事件，需要构建如下代码：

    <script>
    Function do() {
        // 此处填入相应的操作
    }
    </script>
    <div onclick="do(); "></div>

而如果在jQuery中，则只需要编写如下代码：

    $(document).ready( function() {
        $("#button").onclick( function() {
            // 此处填入相应的操作
      });
      });

虽然代码看似变长了，也更复杂了，但这却完美地实现了HTML与JavaScript代码的分离，因此在实际开发中是非常方便的。当然，在一些简单的小项目中，有些开发者并不习惯jQuery这种语法，那么还可以选择这样：

    function do() {
        $(div).style.left = "100px";                       // 混用jQuery与原生
    JavaScript
    }

另外，本书介绍的是使用HTML 5进行手机应用的开发，许多插件都是基于jQuery的，这也是许多开发者不得不对jQuery有所了解的一个重要原因，图2-31是jQuery Mobile的一个界面。

图2-31 jQuery Mobile制作的界面