jQuery——Write less,do more

         学习jQuery之前,很小心的点进了它的官网,哇……哇,全是英文,哇,居然看得懂,给人耳目一新的界面,在左上角大字jQuery下面就是这句writelessdo 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遍历和操作)

    按钮buttonclass元素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中的方法或者事件等。轻量级吸引了我的眼球,期待着一步一步的学习下去。


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。