onblur      元素失去焦点
onchange    用户改变域的内容 
onclick     鼠标点击某个对象 
ondblclick  鼠标双击某个对象 
onfocus     元素获得焦点
onkeydown   某个键盘的键被按下  
onkeypress  某个键盘的键被按下或按住  
onkeyup     某个键盘的键被松开  
onload      某个页面或图像被完成加载
onmousedown 某个鼠标按键被按下
onmousemove 鼠标被移动  
onmouseout  鼠标从某元素移开  
onmouseover 鼠标被移到某元素之上 
onmouseup   某个鼠标按键被松开 
onreset     重置按钮被点击
onresize    窗口或框架被调整尺寸 
onselect    文本被选定 
onsubmit    提交按钮被点击
onunload    用户退出页面
onscroll    元素滚动时执行

oDiv.onclick = function(){
}

blur()       触发、或将函数绑定到指定元素的 blur 事件
change()     触发、或将函数绑定到指定元素的 change 事件
click()      触发、或将函数绑定到指定元素的 click 事件
dblclick()   触发、或将函数绑定到指定元素的 double click 事件
error()      触发、或将函数绑定到指定元素的 error 事件
focus()      触发、或将函数绑定到指定元素的 focus 事件
keydown()    触发、或将函数绑定到指定元素的 key down 事件
keypress()   触发、或将函数绑定到指定元素的 key press 事件
keyup()      触发、或将函数绑定到指定元素的 key up 事件
load()       触发、或将函数绑定到指定元素的 load 事件
mousedown()  触发、或将函数绑定到指定元素的 mouse down 事件
mouseenter() 触发、或将函数绑定到指定元素的 mouse enter 事件
mouseleave() 触发、或将函数绑定到指定元素的 mouse leave 事件
mousemove()  触发、或将函数绑定到指定元素的 mouse move 事件
mouseout()   触发、或将函数绑定到指定元素的 mouse out 事件
mouseover()  触发、或将函数绑定到指定元素的 mouse over 事件
mouseup()    触发、或将函数绑定到指定元素的 mouse up 事件
ready()      文档就绪事件（当 HTML 文档就绪可用时）
resize()     触发、或将函数绑定到指定元素的 resize 事件
scroll()     触发、或将函数绑定到指定元素的 scroll 事件
select()     触发、或将函数绑定到指定元素的 select 事件
submit()     触发、或将函数绑定到指定元素的 submit 事件
toggle()     绑定两个或多个事件处理器函数，当发生轮流的 click 事件时执行。
unload()     触发、或将函数绑定到指定元素的 unload 事件

$(‘div’).click(function(){
});

$(selector).on(event,childSelector,data,function{
});

$('p').on('click mouseenter mouseleave',function(){
   
});

$('p').on('click mouseenter mouseleave',function(){
   $(this).off('mouseleave click'); //移除mouseleave和click事件
});

$('p').on({
   click:function(){ $(this).css('background','red'); },
   mouseenter:function(){ $(this).css('background','green');},
   mouseleave:function(){ $(this).css('background','blue'); }
});

$('div').on('click','p',function(){
        alert(1);
})

width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。
height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。
innerWidth() 方法返回元素的宽度（包括内边距）。
innerHeight() 方法返回元素的高度（包括内边距）。
outerWidth() 方法返回元素的宽度（包括内边距和边框）。
outerHeight() 方法返回元素的高度（包括内边距和边框）。
outerWidth(true) 方法返回元素的宽度（包括内边距、边框、外边距）。
outerHeight(true) 方法返回元素的高度（包括内边距、边框、外边距）。

$(window).width()      //获取当前浏览器窗口的宽度
$(window).height()     //获取当前浏览器窗口的高度
$(document).width()    //获取HTML文档（body）的宽度
$(document).height()   //获取HTML文档（body）的高度

append()    在被选元素内部的结尾插入内容
appendTo()  将指定内容插入到被选标签内部的结尾
prepend()   在被选元素内部的开头插入内容
prependTo() 将指定内容插入到被选标签内部的开头

//添加在结尾的
$('ul').append('<li>苹果</li>'); //在ul标签内部的结尾插入li内容
$('ul').append(function(){return '<li>苹果-函数的</li>'}); //功能同上
$('<li>苹果222</li>').appendTo('ul'); //将指定li内容添加到ul标签内部的结尾
 
//添加在开头的
$('ul').prepend('<li>苹果</li>'); //在ul标签内部的开头插入li内容
$('ul').prepend(function(){return '<li>苹果-函数的</li>'}); //功能同上
$('<li>苹果222</li>').prependTo('ul'); //将指定li内容添加到ul标签内部的开头

after()            在被选元素同级的后面插入内容
insertAfter()     将指定内容添加到被选标签同级的后面
before()           在被选元素同级的前面插入内容
insertBefore()    将指定内容添加到被选标签同级的前面

添加在同级的后面
$('ul').after('<p>以上水果都好吃</p>'); //在ul标签同级的后面插入p标签内容
$('ul').after(function(){return '<p>以上水果都好吃</p>'}); //功能同上
$('<p>以上水果都好吃</p>').insertAfter('ul'); //将指定p标签内容添加到ul标签同级的后面
添加在同级的开头
$('ul').before('<p>以下水果都不好吃</p>'); //在ul标签同级的开头插入p标签内容
$('ul').before(function(){return '<p>以下水果都不好吃</p>'}); //功能同上
$('<p>以下水果都不好吃</p>').insertBefore('ul'); //将指定p标签内容添加到ul标签同级的开头

$('ul li').eq(1).empty();  //删除li的内容
var $li = $('ul li').eq(2).remove(); //删除整个li（包括子节点）
$('ul').append($li); //将删除的li添加在ul内部的后面

$('button').click(function(){
   var $p = $('p').clone(true);  //克隆p标签，true表示把子元素和事件也一起克隆
   $('ul').after($p);  //将克隆的p标签插入到ul后面
});

$('p').replaceWith('<p>你好，请问下面水果你喜欢吗？</p>');
$('p').replaceWith(function(){return '<p>你好，请问下面水果你喜欢吗？</p>'});
$('<p>你好，请问下面水果你喜欢吗？</p>').replaceAll('p');

<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript">
     $('img').draggable();
</script>

$('img').draggable({
   //限制元素的移动区域
   'containment':'.box',
   //限制轴方法
   //'axis':'y',
   //限制咯噔
   'grid':[50,100]
});

$('img').draggable({
   //限制元素的移动区域
   'containment':'.box',
   //限制轴方法
   //'axis':'y',
   //限制咯噔
   //'grid':[50,100],
   'drag':function(event,ui){
       var x = ui.position.left;
       var y = ui.position.top;
       $('h1').html('当前位置：' + x +'-' + y);
   }
});

$('.news').mousewheel(function(event,direction){
   //direction  鼠标滚轮下滚 -1
   //direction  鼠标滚轮上滚 1
   console.log(direction);
});

document.getElementById('btn').onclick = function(){
   document.documentElement.scrollTop = document.body.scrollTop = 3000;
}

$.each(city,function(key,value){
   console.log(key,value)
});

$.each(JSON对象,function(key,value){
   console.log(key,value)
});