jquery的一些事件监听总结

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

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

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

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

$(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;
}

});

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