jQuery Mobile 中的 $

在Jquery中，$是JQuery的别名，所有使用$的地方也都可以使用JQuery来替换.如$('#msg')等同于JQuery('#msg')的写法

然而，当我们引入多个js库后，在另外一个js库中也定义了$符号的话，那么我们在使用$符号时就发生了冲突。如果我们想要调用jquery.js中的工厂选择函数功能的话，只能用全称写法JQuery('#msg').hide(). 如何更方便的解决这个问题？

一.使用JQuery.noConflict() 

该方法的作用就是让Jquery放弃对$的所有权，将$的控制权交还给另外的库

二.自定义JQuery的别名

var $j=JQuery.noConflict(); 
$j('#msg').hide();//此处$j就代表JQuery 

三.使用语句块

(function($){ 
..... 
$('#msg').hide();//此时在这个语句块中使用的都是jquery.js中定义的$. 
})(JQuery)

四，一些使用$的简写语法

$(function(){
            $.mobile.changePage("about.html",{
                transition:"slideup"
            });
        })

$(document).ready(function(){
            $.mobile.changePage("about.html",{
                transition:"slideup"
            });
        });

$(function(){}) 是 $(document).ready(function(){}) 的简写，用来在DOM加载完成之后执行一系列预先定义好的函数。