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中的方法或者事件等。轻量级吸引了我的眼球,期待着一步一步的学习下去。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。