jquery的一些事件监听总结

1.输入框监听

<input type="text" name="username" value="" id=" username">

监听输入框的输入值变化的监听：

$('#username').bind('input propertychange', function() {
            //这里执行输入框值变化所要执行的操作
           alert("输入框值发生变化！");
 });

2.监听多个对象。当我们监听多个对象时，我们所使用的jquery是类型选择器

<li class="class1">  
     <a data-name="#55BD47" data-index="0" data-value="#55BD47" class="colorItem" href="javascript:;" οnclick="return false;" id="color0">#55BD47</a>
</li>
<li class="class1">  
     <a data-name="#10AD61" data-index="1" data-value="#10AD61" class="colorItem" href="javascript:;" οnclick="return false;" id="color1">#10AD61</a>
</li>            
<li class="class1">  
     <a data-name="#35A4DE" data-index="2" data-value="#35A4DE" class="colorItem" href="javascript:;" οnclick="return false;" id="color2">#35A4DE</a>
</li>           
<li class="class1">  
     <a data-name="#3D78DA" data-index="3" data-value="#3D78DA" class="colorItem" href="javascript:;" οnclick="return false;" id="color3">#3D78DA</a>
</li>

 $(".colorItem").each(function(){
		        $(this).click(function(){
		          var clolor = $(this).attr("data-value");
                          alert("当前所选择的颜色是"+color);
                        });
		    });

3.点击其他位置，供选div 消失(颜色选择层，日期选择层)

$(document).bind("click",function(event){
		        var e = event || window.event; 
		        var elem = e.srcElement||e.target; 
		        var elem1=elem;
		        var elem2=elem;
		        var elem3=elem;
		        
		        while(elem1) 
		        { 
		            if(elem1.id == "colorChoice") 
		            { 
		            	return;
		            }else{
		            	$("#cardColor").css("display","none");
		            }
		            elem1 = elem1.parentNode;
		        } 
		        while(elem2) 
		        { 
		        	if(elem2.id == "now_btn") 
		        	{ 
		        		return;
		        	}else{
		        		$("#work_after_day").css("display","none");
		        	}
		        	elem2 = elem2.parentNode;
		        } 
		        while(elem3) 
		        { 
		        	if(elem3.id == "work_btn") 
		        	{ 
		        		return;
		        	}else{
		        		$("#work_days").css("display","none");
		        	}
		        	elem3 = elem3.parentNode;
		        } 
		        
		     });

4.获取单选框选择的值

var time_type =$('input:radio[name="work_time"]:checked').val();