prototype-jquery差别.ppt

prototype-jquery 语法区别 王锦亮 $操作符 Prototype $ function $(element) { if (arguments.length 1) { for (var i = 0, elements = [], length = arguments.length; i length; i++) elements.push($(arguments[i])); return elements; } if (Object.isString(element)) element = document.getElementById(element); return Element.extend(element); } $操作符 JQuery的$ $(‘.class’) css选择符 等同于prototype $$ document.querySelectorAll 只在chrome, safari, firefox、IE8中支持 $(function(){}) 等同于$(document).ready(function(){}); $(“”), $(null), or $(undefined) 返回的是window $(html) $(DomElement) 语法比较 JQuery的$ $(#id) document.getElementById jQuery(document).find( selector ) $(TagName) document.getElementsByTagName 事件监控 Prototype Event.observe(window,load,function(){}); stopObserving JQuery $(document).ready(function(){}); .click, .dblclick, .mouse*, .ready., .focus, .blur bind, unbind Dom跳转 Prototype up, down, next previous JQuery parent/s, children, next, prev ,nextAll, prevAll Dom操作 Prototype After , Before, Bottom, Top, update, Insert JQuery after , before, append, prepend, html Class操作 Prototype addClassName removeClassName toggleClassName hasClassName Jquery addClass removeClass toggleClass 停止事件 Prototype Event.stop() JQuery return false event.stopPropagation() Ajax Prototype new Ajax.Request(url[, options]) JQuery $.ajax(options) Prototype JQuery onCreate beforeSend onSuccess Success onException Error onComplete complate 浏览器版本 Prototype Prototype.Browser .IE, .Webkit JQuery jQuery.browser .msie, .safari prototype JQuery 参考资料 /2007/11/6/why-i-moved-from-prototype-to-jquery /projects/prototype-checklist/ /digitalghost/2006/08/24/kquzalhrllpvynlaeadfddhskqlcdivowmsj/ 谢 谢