(转)简单比较jquery和prototype

mac2022-06-30  17

初次试用jQuery,到底是prototype好还是jquery好?

之前的项目已经使用了prototype,现加入jquery后,立刻罢工,搜了一下,还是有解决办法的(原文),不过最后我还是抛弃prototype,开始使用jquery了。

<script src="prototype.js"></script><script src="http://blogbeta.blueidea.com/jquery.js"></script><script type="text/javascript">      jQuery.noConflict();</script>

注意:一定要先引入prototype.js 再引入jquery.js,先后顺序不可错。

如果先包含jQuery,将引起代码终止,作为提醒,jQuery将抛出一个异常:“You are overwriting jQuery, please include jQuery  last."

 prototype中最方便的函数莫过于

<input id="blueidea" value="蓝色" type="text" />$("blueidea")   ===  document.getElementById("blueidea")    某id的对象

$F("blueidea")   ===  document.getElementById("blueidea").value   表单的值

如今使用jquery,这些都没有了。

$("#id") 这样虽然也可以获得某id的对象,但是不能对此id进行常规的js操作。(也许有方法,不过我还不会。)

例如

<input id="blue" value="蓝色" type="text" /><div id="idea">蓝色理想</div>

现在改为

id="blue"的值"蓝色"改为 "经典";id="idea"的节点文字"蓝色理想"改为"<b>经典论坛</b>"

 

prototype写法:$("blue") .value="http://blogbeta.blueidea.com/经典";$("idea").innerHTML="<b>经典论坛</b>";  或者Element.update("idea", "<b>经典论坛</b>");

这些都不能这么写,而要用

jquery写法:$("#blue") .val("经典");

$("#idea").empty();    //先置空此元素$("#idea").append("<b>经典论坛</b>");    //再添加新的字符串

如果你把prototype换成jquery了,但是还想使用prototype中的方便函数

建议自己定义两个函数

function $G(id){ return document.getElementById(id);}function $F(id){ return $G(id).value;}

转载于:https://www.cnblogs.com/C3054/p/4303491.html

相关资源:JAVA上百实例源码以及开源项目
最新回复(0)