JQuery 表单常见操作

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>';