<form action=""><input type="radio" class="sex" id="man" name="xb"> <label for="man">男</label><input type="radio" class="sex" id="woman" name="xb"> <label for="woman">女</label><input type="radio" class="sexon" id="secret" name="xb" checked="checked"> <label for="secret">保密</label>
</form><script src="js/jquery.min.js"></script>
<script>//click不支持给最后一个元素，动态添加的sex样式进行绑定事件
    $(".sex").click(function(){alert($(this).next().text())$(this).removeClass().addClass("sexon").siblings("input").removeClass().addClass("sex");})//on支持给最后一个元素，动态添加的sex样式进行绑定事件
    $("body").on("click",".sex",function(){alert($(this).next().text())$(this).removeClass().addClass("sexon").siblings("input").removeClass().addClass("sex");})
</script>

//事件流即当事件触发某个元素的同时，也触发了包含这个元素的所以祖先容器
//IE：事件冒泡（由最开始具体的元素接收，然后逐级向上传播）
//Netscape：事件捕获（最外层更早接收到事件，最具体的元素最后接收到事件）//事件处理程序
//HTML事件处理程序
<input type="button" value="按钮1" id="btn" οnclick="alert('hello world!')">
//DOM0级事件处理程序
var btn2=document.getElementById("btn2");
btn2.onclick=function(){alert("hello DOM0")}//DOM2级事件处理程序
var btn3=document.getElementById("btn3");
btn3.addEventListener("click",showMes,false)
function showMes(){alert("hello DOM2")}
//btn3.removeEventListener("click",showMes,false);//解除事件//IE事件处理程序
btn3.attachEvent("onclick",showMes)
//btn3.detachEvent("onclick",showMes);//解除事件

var a;          //false
var a="";       //false
var a=null;     //false
var a=undefined;//false
var a=0;        //false
var a=NaN;      //false
var a=false;    //false