以前做界面是用jquery的，现在因为要用许多ajax效果，改用了rails自带的prototype 因为jquery用多了，换个框架也大同小异，不过细节上有很多不同。。。 1.dom加载方面: jquery有dom ready方法，推迟js函数的绑定知道dom树完成（如果没有这个功能，一些element的事件函数之类的绑定可能会出错）: $(document).ready(function(){}); 但是prototype是没有的。。。得自己找非官方的扩展，不方便，这个基本的功能，这么重要的功能，...
近期在读jQuery的源码。 发现这里有个东西很难理解。 这里的 jQuery , jQuery.fn , jQuery,fn,init ,jQuery,prototype 都代表什么。 来看下jQuery的源码是怎么样定义的： 代码如下:(function( window, undefined ) { var jQuery = (function() { // 构建jQuery对象 var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); } // jQuery对象原型 jQuery.fn = jQuery.prototype...
一、在运行这个函数后，可以恢复使用别名 $ ，在这个函数的作用域中仍然将 $ 作为 jQuery 的别名来使用。jQuery Code： 代码如下:jQuery.noConflict();(function($) { $(function() { // 使用 $ 作为 jQuery 别名的代码 });})(jQuery);// 基于其他库用 $ 作为别名的代码二、在运行这个函数后，可以创建一个新的 jQuery 别名来替换原来的 jQuery 别名 $ 来使用。jQuery Code： 代码如下:var j = jQuery.noConflict();// 使用新...
一、源码思路分析总结 概要： jQuery的核心思想可以简单概括为“查询和操作dom”，今天主要是分析一下jQuery.prototype.init选择器构造函数，处理选择器函数中的参数； 这个函数的参数就是jQuery()===$()执行函数中的参数，可以先看我之前写的浅析jQuery基础框架一文，了解基础框架后，再看此文。 思路分析: 以下是几种jQuery的使用情况(用于查询dom)，每种情况都返回一个选择器实例(习惯称jQuery对象(一个nodeList对象)，该对象包...
所以Javascript已经成为了web开发最最基本的要求之一了。 而在现实的敏捷开发中，我们通常会选择一个JS框架来取代繁琐的Native Javascript的编写。你会发现这样会节省很多的时间，写的代码也很清晰便捷。（当然在学生时代的是有也质疑过，用框架会对原生态的 Javascript理解不深入，其实这是多虑了的。在对框架的深入的同时，对原生的js也会理解的更透彻一些。成为一个精明的开发者，两者是相依相偎的。而最好的状态就是想Qzone前端...
先列举一下Ajax在Jquery和prototype中的实现。 Jquery： 代码如下:<script language="javascript"> $(function(){ var box = {}; var remoteUrl = index.php; box.interval = 5*60*1000;//5分钟 box.showBoxInfo = function() { jQuery.get(remoteUrl, function(data){ var msg_box = $(#msg_box); msg_box.innerHTML = data; } }); } box.run = function(){ this.showBoxInfo(); setInterval(this.showBoxInfo,this.interval); }...
但问题来了，由于jQuery以及prototype都使用了美元符函数“$”作为选择器，在两者混合使用的时候$函数被重复定义了，结果导致其中一个框架不能使用。 不过很快，有很多人给出了解决方案，如比较流行的方案是这样的： 代码如下:<script src="http://jquery.com/src/latest/"></script> <script type="text/javascript"> JQ = $; //rename $ function </script> <script src="prototype.js"></script> <script src="http://jquery.c...
以前好像在哪里看到过说jQuery与prototype存在冲突，但一直没在意。今天把自己用jquery框架写好的消息提示框特效放到公司原来的系统发现所有的消息提示效果都罢工了！ 汗了半天还是没有发现原因，突然想到jquery与prototype的冲突问题，这才发现公司原来的系统很多页面都调用了prototype框架。知道了原因就想办法解决吧，总不至于让我脱离jquery重新写一遍吧，去网上狂搜了一番终于找到了一些解决办法，这就是： 1、将jquery.js放到...
jQuery的方式是$("#id:hidden:first")$("#id:visible:last")原型方法是什么？ 我尝试使用$$(),但它不起作用. 有人可以告诉我吗？非常感谢.解决方法:这应该工作：$$('#id[style="display:none"]:first')这应该更快：$$('#id[style="display:none"]').first()看到 > http://www.prototypejs.org/api/utility/dollar-dollar> http://www.w3.org/TR/2001/CR-css3-selectors-20011113/#selectors
我正在将一个应用程序从prototype.js升级到jquery. 我有这个代码(prototype.js)：var el = ... /* this is done */ if (el.match('.pagination a') && el.href) {doAjaxStuff() }在jquery中相当于Element.match的是什么？解决方法:它是is功能.el.is('.pagination a')
我从另一个post中获取了这段代码.Number.prototype.countDecimals = function () {if(Math.floor(this.valueOf()) === this.valueOf()) return 0;return this.toString().split(".")[1].length || 0; }var x = 23.453453453; x.countDecimals(); //returns 9 as expected基本上,它返回给定数字中的小数位数.问题是我需要从输入内部的数字中获取该值：console.log($('#myinput').val().countDecimals());…但该操作返回：未捕获Typ...
我正在尝试选择一个JS框架来经得起时间的考验(仍然可以在5年内使用和扩展),为其他程序员编写自己的扩展或项目(从复杂的动画到多个)提供良好的可靠代码基础-threading Ajax).这些是我正在比较的事情： >可扩展性>可扩展性>一致和逻辑的语法>表现> Ajax支持>动画支持>几乎没有错误的库更新历史记录>企业采用示例 也许还有其他一点我应该考虑？ 其他人指出,有一些争论here,但大多数不适用于企业的立场,因为它们是短期利益,例如： >大量...
我一直听说很多JavaScript框架,即 jQueryYUIDOJOExtJsPrototypeMootoolsScriptaculousSpry 还有一些. 有谁能告诉我具体的目的,这些框架服务吗？ 我只是jQuery的用户.解决方法:这是一个基于我的经验和知识(和IMO)的简短描述： jQuery – >是最流行的javascript库(网上有很好的支持和很多为它编写的插件),它对所有人来说都很简单(包括设计师).它是dom操作和快速编写代码的最佳选择(非常适合前端) DOJO – >高级js库,提供根据需要加...
jQuery是否提供了等效的迭代器函数来在Prototype中“收集”和“映射”？这些函数返回将迭代器应用于每个元素的结果：http://www.prototypejs.org/api/enumerable/collect 谢谢！解决方法:有一个“map()”但没有“reduce()”或“collect()”. jQuery人员在jQuery核心代码本身缺乏明显优势的情况下,有很强的抗拒添加“reduce()”的历史. 您可以从Functional.js库中选择和扩展这些函数的简单实现. 此外,请注意jQuery“地图”设施有一些...
什么是prototype.js相当于以下代码jQuery('#txtId').after(divdata);解决方法:http://www.prototypejs.org/api/element/insert 好吧,你使用插入看看上面的链接$('selector').insert ({'after': 'Content'});在你的情况下,它看起来像这样$('#txtId').insert ({'after':divdata});