1. $("li").click(function (){
2. $(this).text("hello!boy!");
3. });

1. $("#test").bind(
2. 'click',function (){
3. alert("这是事件触发的文字")
4. }
5. );
6. $("#test").unbind('click');

1. for(var i = 0; i<5;i++){
2. $("<div style='color:red'>this is new word!</div>").appendTo(document.body); // 这个appendTO(document.body)很有用
3. }

1. $("button").click(function(){
2. $("div").animate({
3. left:'250px',
4. opacity:'0.5',
5. height:'150px',
6. width:'150px'
7. });
8. });

jQuery 方法链接chaining

1. $("#p1").css("color","red").slideUp(2000).slideDown(2000); // 让事件一次绑定多个方法

1. $( "li.item-a" ).parent().css( "background-color", "green" );
2. $( "li.item-a" ).parents("li").css( "background-color", "green" );

1. $("h2").siblings().css({borer:"3px solid #ff0022}); //选择除了自己以外的其他同级元素
2. $("h2").next().css({border:"3px solid #ff0022});
3. $("h2").nextAll().css({border:"3px solid #ff0022});
4. $("h2").nextUntil("h4").css({border:"3px solid #ff0022}); // 这个只能往下找

1. $("li").first().css("background-color","red");
2. $("li").last().css("background-color","red");
3. $("li").eq(1).css("background-color","red"); // 选择第二个li元素
4. $("li").filter(".item-1").css("background-color","red"); // 第二次过滤，选择class = item-1的元素

1. $.noConflict(); // 这个声明了之后就不能再使用$符号了，必须自定义关键字来写语句，不一定非要使用jQuery关键字
2. jQuery("li").click(function (){
3. jQuery(this).text("hello!boy!");
4. });

unload 和 beforeunload 都没法区分刷新和关闭，只要当前页面unload了就会触发（关闭，刷新，点击链接，输入地址等等）

unload 可以做些清理工作，但是不能用preventDefault来阻止页面关闭。（jquery unload )

alert实际执行了，只是大部分浏览器会阻止正在关闭的窗口弹对话框。如果你用chrome，可以打开Developer Tool并点击右下角的齿轮设置，选择 Preserve log upon navigation，可以查看到unload里的console.log。因为unload一返回，页面就关闭，如果有ajax请求什么的，都一定要同步调用（async:true），不然页面unload完资源就全部注销了。

beforeunload 如果返回值不是null或者undefined，浏览器会负责跳出个confirm对话框，返回值可以会做为提示的一部份也可能压根就不用。

唯一能阻止页面关闭的就是beforeunload返回truthy value，并且用户点击了Cancel/No

Chrome不支持本地Ajax请求，当我在.html文件中访问.json文件时就会出现这个问题，就是说这html文件。所以调试的时候需要有web服务器。

所以下面代码中的url是无法访问的