下面会逐步解释：
click会用到button按钮、菜单切换；
change 会用在<input type='file'>自动上传图片，和select触发事宜；
blur 用在<input type='text'>
hover用在前台下拉菜单
格式都是固定的，以是没有必要一点一点地记牢，只要写好一个其他的复制粘贴就可以。
完全格式如下
$(document).ready(function() { $("#tags").click(function(){ console.log('这是click点击事宜'); });})
tags 是ID属性，也可以利用class，#tags这里修正成 .tags，把稳前边的“.”;但是这样写大部分情形下是没有问题的，如果是通过ajax返回的数据，例如：<input type='text' id="tags">,再利用上边的click是获取不到焦点的，在这样的情形下，我们须要做一下修正，代码改成这样的
$(document).ready(function() { $(document).delegate("#tags", 'click', function() { console.log('这是ajax返回的数据点击事宜'); });})
其他的hover、change、blur只须要把click对换就可以了。
ajax的利用，先看用法
$.ajax({ url:picurl,//这里picurl是处理提交数据的URL地址 data:formData, //数据的参数，formData格式{'a':123,'b':222} 通报$a=123,$b=22 type:'post', //提交的办法 也可以是get dataType: 'json',//可以是html 不过常日会利用json 便是处理完数据往后返回的格式 success:function(result){ if(result.error=="0000"){ //以返回格式json为例 error为缺点代码 返回0000表示精确 console.log(result.msg); $("#pic").attr("src",result.msg); //这里如果返回0000代码 msg存放图片地址 }else{ console.log(result.msg);//返回不是0000代码 提示缺点信息 return false; ); } }
会在click等事宜之后利用ajax进行数据的交互，例如：
$(document).ready(function() {$(".list dd").click(function(){ console.log('这是ajax返回的数据点击事宜'); $.ajax({ }); });})
click点击往后<div class='showdiv'></div>显示，隐蔽，例如：
图1 jquery click实现菜单切换效果
思路：点击的时候向当前菜单添加class=‘active’其他菜单移除该class，当前点击的是第几个，下边的div 就显示第几个，其他的class=‘da’隐蔽
html代码：
<div class='list'> <dl> <dd dataid='da' class='active'>菜单1</dd> <dd dataid='da'>菜单2</dd> </dl></div><div class='clear'></div><div class='da'>这是菜单1的显示</div><div class='da none'>这是菜单2的显示</div>
js代码：
$(document).ready(function() {$(".list dd").click(function(){ var dataid=$(this).attr('dataid');var indexof=$(".list dd").index(this);$(this).addClass('active').siblings().removeClass('active');$('.da').hide();$("."+dataid).eq(indexof).show();});})
总结：很多的效果，我们都可以拆分，用大略的办法来实现。
$(this).addClass('active').siblings().removeClass('active');
我们可以先全部取消$('.list dd').removeClass('active');然后当前的dd添加$(this).addClass('active')；这样的思路会不会更清晰一些。
