JQuery和Prototype区别小结

jQuery使用得比较顺手也比较喜欢,不得已也要用Prototype,小小整理下区别。。

页面载入

  1. // JQuery
    
  2. $ ( document ). ready ( function () {
  3.         // Code
  4. });

 

  1. // JQuery Shorthand
    
  2. $ ( function () {
  3.         // Code
  4. });

 

  1. // Prototype
    
  2. document . observe ( 'dom:loaded' , function () {
  3.         // Code
  4. });

 

根据ID获取

  1. // JQuery
    
  2. $ ( "#idname" );
  1. // Prototype
    
    
  2. $ ( "idname" );

 

根据类名

  1. // JQuery
    
  2. $ ( ".classname" );
  1. // Prototype
    
    
  2. $$ ( '.classname' );

 

根据第一个符合的类名

  1. // JQuery
    
  2. $ ( ".classname:first-child" );
  1. // Prototype
    
    
  2. $$ ( '.classname' )[ 0 ];

 

根据ID绑定监听事件

  1. // JQuery 
    
  2. $ ( "#item" ). bind ( 'click' , function () {
  3.         // Code
  4. });
  5.  
  6. // JQuery Shorthand
  7. $ ( "#item" ). click ( function () {
  8.         // Code
  9. });
  1. // Prototype
    
  2. $ ( "#item" ). observe ( 'click' , function () {
  3.         // code
  4. });

 

根据符合的类名绑定监听事件

  1. $(".classname").bind('click',function(){
    
  2.         // code
  3. });
  4.  
  5. // JQuery Shorthand
  6. $ ( ".classname" ). click ( function () {
  7.         // code
  8. });

 

  1. // Prototype
    
  2. $$ ( ".classname" ). invoke ( 'observe' , 'click' , function () {
  3.         // code
  4. });

 

结束终止事件

  1. // JQuery
    
  2. $ ( "#id" ). click ( function () {
  3.  
  4.         //code
  5.         return false ;
  6. });
  1. // Prototype
    
  2. $ ( "id" ). observe ( 'click' , function ( e ) {
  3.         //code
  4.         Event . stop ( e );
  5. });

 

处理观察的元素

  1. // JQuery
    
  2. $ ( '#idname' ). click ( function () {
  3.         this . hide (); // Hide the item clicked
  4. });
  1. // Prototype
    
  2. $ ( 'idname' ). observe ( 'click' , function ( e ) {
  3.         el = e . findElement ;
  4.         el . hide (); // hide the item clicked
  5. });

 

根据ID操作类名

  1. // JQuery
    
  2. $ ( '#id' ). addClass ( 'red' );
  3. $ ( '#id' ). removeClass ( 'red' );
  1. // Prototype
    
  2. $ ( 'id' ). addClassName ( 'red' );
  3. $ ( 'id' ). removeClassName ( 'red' );

 

根据类名操作类名。。

  1. // JQuery
    
  2. $ ( '.class' ). addClass ( 'red' );
  3. $ ( '.class' ). removeClass ( 'red' );
  1. // Prototype
    
  2. $$ ( '.class' ). invoke ( 'addClassName' , 'red' );
  3. $$ ( '.class' ). invoke ( 'removeClassName' , 'red' );

 

AJAX请求和JSON应用

  1. $.get(url,function(data){
            alert(data . name );
    
  2. }, 'JSON' );

 

  1. // Prototype
    new   Ajax . Request ( url ,   {
  2.         method : 'get' ,
  3.         onSuccess : function ( transport , json ) {
  4.                 alert ( json . name );
  5.         }
  6. });

可以得出结论:jQuery和Prototype大部分是极为相似的,多用几次就都熟了。。

utf8 和 UTF-8 有什么区别

“UTF-8”是标准写法,在Windows下边英文不区分大小写,所以也可以写成“utf-8”。“UTF-8”也可以把中间的“-”省略,写成“UTF8”。一般程序都能识别,但也有例外(如下文),为了严格一点,最好用标准的大写“UTF-8”。

在MySQL数据库中只能使用“utf8”

  在MySQL的命令模式中只能使用“utf8”,不能使用“utf-8”,也就是说在PHP程序中只能使用“set names utf8(不加小横杠)”,如果你加了“-”此行命令将不会生效,但是在PHP中header时却要加上“-”,因为IE不认识没杠的“utf8”,原因 见下文。

在IE浏览器中只能使用“utf-8”

  IE中如果使用了“utf8”,页面可能会 空白 或 显示为乱码。

  但是在其它浏览器却是正常的,原因是因为:其它浏览器默认使用的是UTF-8的编码,如果无法识别页面的编码就会用默认的UTF-8来解码,但 是IE的默认编码是GB2312,所以默认的话就。。。。。(其它浏览器指“FireFox”、“Chrome”、“Opera”)


总结  

  【只有在MySQL中可以使用“utf-8”的别名“utf8”,但是在其他地方一律使用大写“UTF-8”。】

  具体为:

    在命令“mysql_query(set names utf8)”外一律用大写“UTF-8”。

标签: UTF-8, utf8, 区别