HelloWorld jQuery

$(document).ready代表文档加载完成

$(document).ready(function(){
//代码内容
});

上面代码简写为下面代码，建议使用下面代码

$(function(){
//代码内容
});

如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？

jQuery noConflict() 方法会释放会 $ 标识符的控制，这样其他脚本就可以使用它了。仍然可以通过全名替代简写的方式来使用 jQuery

$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery 仍然在工作!");
});
});

noConflict() 可返回对 jQuery 的引用，您可以把它存入变量，以供稍后使用。

var jq = $.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").text("jQuery 仍然在工作!");
});
});

$ 符号作为变量传递给 ready 方法。这样就可以在函数内使用 $ 符号了 - 而在函数外，依旧不得不使用 "jQuery"

$.noConflict();
jQuery(document).ready(function($){
$("button").click(function(){
$("p").text("jQuery 仍然在工作!");
});
});