1、 radio的Change事件
$(".yhxz").change(function(){
var selectedvalue = $("input[name='yhxz']:checked").val();
alert(selectedvalue);
});
2、 dom显示与隐藏
$("#id").show()表示display:block,
$("#id").hide()表示display:none;
$("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。
$("#id").css('display','none');
$("#id").css('display','block');
或
$("#id")[0].style.display = 'none';
$("#id")返回的是JQuery
它是个集合肯定没有display属性
3、 button的click事件
$("#sub").click(function(){
$("p").slideToggle();
var wzmc=$("#wzmc").val();//网站名称
alert(wzmc);
});
4、 submit的提交事件
$('form').submit(function(){
alert($(this).serialize());
return false;
});
5、 自定义button的click事件
$("#btnSubmit").live("click",function(){
$(".Form1").sumbit();
})
6、 query的Ajax事件
$.ajax({
url : "UserServlet?type=add" ,
type : 'POST',
cache : false,/*不缓存数据*/
data : $(this).serialize(),
success : function(data) {
//var retInfo = eval(data);
alert(data);
}
});
7、 HTML文字超过一定宽度后显示…
var title='<DIV STYLE="width: 270px; overflow: hidden; text-overflow:ellipsis"> <NOBR>内容</NOBR></DIV>';