jQuery——Write less，do more

标签：

         学习jQuery之前，很小心的点进了它的官网，哇……哇，全是英文，哇，居然看得懂，给人耳目一新的界面，在左上角大字jQuery下面就是这句writeless，do more……

What  is jQuery?

        jQuery is a fast, small, and feature-rich JavaScript library. Itmakes things like HTML document traversal and manipulation, event handling,animation, and Ajax much simpler with an easy-to-use API that works across amultitude of browsers. With a combination of versatility and extensibility,jQuery has changed the way that millions of people write JavaScript.

译：jQuery是什么？

            jQuery是一种快速、小却又功能丰富的JavaScript库。它使诸如HTML文档遍历和操作、事件处理、动画和Ajax更简单和易于使用的API,跨越多种浏览器。相结合的通用性和可扩展性,jQuery已经改变了数百万人的方式编写JavaScript。

我的理解：jQuery是一个轻量级的JavaScript库，兼容各种浏览器。一种可以链式调用方法的语言，比JS更简单代码量更少。使用户方便的处理HTML、事件、实现动画效果，并且为网站提供AJAX交互。在官网中虽然全都是英文的，但是它的API和各种说明文档真的是很齐全。

jQuery的优势：

（1）利用CSS的优势；

（2）良好浏览器兼容性；

（3）优秀的DOM操作封装和事件处理；

（4）多重操作集于一行；

（5）完善的Ajax；

（6）支持扩展等。

接下来利用实例展示一下它的用户以及体会一下它的好处。

DOM Traversal and Manipulation（译：DOM遍历和操作）

    按钮button的class元素next改变文本为下一步

             $("button.next").html("Next Step….")

1

Event Handling(译：事件处理)

显示# display元素隐藏与显示:所有的CSS当点击任何按钮#按钮容器。

var hiddenBox = $("#display");

$("#button-containerbutton").on("click",function(event) {

});

Ajax

调用本地服务器上的脚本/ api / getWeather与查询参数zipcode = 97201和替换元素#weather-temp与返回的html文本。

jQuery提供了与AJAX有关的方法，一个确认是否删除的ajax

$.messager.confirm('确认','您确认想要删除记录吗？', function (r) {
       if (r) {
            $.ajax({
                type: "POST",
                url:"/SearchStudentInfo/DelStudentReload",
                data: strId,
                success: function () {
                   $.messager.alert("提示！", "信息删除成功！");
                   $("#dg").datagrid("reload");
                },
                error: function () {
                  $.messager.alert("警告！", "删除失败！");
              }
            });
        }

         记得学习JavaScript的时候，因为视频也是比较多，需要些的代码也是比较多，学习过程中失去了兴趣，只能硬着头皮学下来，但是jQuery表示的是JavaScript中的效果确实省时省力的好东西，支持级联的设置方法，还简化了许多JavaScript中的方法或者事件等。轻量级吸引了我的眼球，期待着一步一步的学习下去。

jQuery——Write less，do more

标签：

原文地址：http://blog.csdn.net/xdd19910505/article/details/44626339