jquery杂记

1、选择器例子

//单选按钮组，选择第一个
$("#userForbidForm input[name='forbidMinutes']").get(0).checked=true;   

//获取多选按钮选择的值
$("#userForbidForm input[name='forbidMinutes']:checked").val();  

//获取id="queryForm"的form下select，name="controlKey"的值
$("#queryForm select[name='blacklistStatus']").val();

//单选按钮获取选取按钮的值
$("input[type=radio]:checked").val()；  

//获取id="queryForm"的form下input，name="controlKey"的值
$("#queryForm input[name='controlKey']").val()  

//设置id="updateBlackForm"的form下select，name="controlKey"下拉列表默认选中value="spName"
$("#updateBlackForm select[name='controlKey']").value('spName');

2、ajax异步提交表单

$.ajax({
        type: "post",
        url:"send.do",
        data:$('#userForbidForm').serialize(),      //提交整个表单
        success: function(data) {
            alert("成功。");
        },
        error: function(request) {
            alert("失败。");
        }
    });

3、拼凑表单、拼凑参数提交

$.ajax({
	url: 'email!send.action',
	type: 'post',
	data: $("form.jasperReportForm").serialize() + '&' + $("#hiddenForm").serialize() + '&' + $("#emailAddressForm").serialize()+'&pdfFilename='+$("#pdfFilename").val(),
	success: function(data) {
		$("#progressDialog").hide();
		displayResult("您的邮件发送报表请求已提交成功。");
	},
	error: function() {
		$("#progressDialog").hide();
		displayError("发送报表失败");
	}
});

4、动态给table添加元素、和删除元素

<table id="ongoing_campaigns" rules="cols" class="dataTable" bgcolor="#FFFFFF">
	<!--此处为动态添加数据的表格-->													
</table>

//给id为ongoing_campaigns的表格添加第一行数据
$("#ongoing_campaigns").append("<tr bgcolor='#007FC3'>" 
	+ "<th style='width: 300px;'>活动名称</th>" 
	+ "<th style='width: 135px;'>开始日期</th>" 
	+ "<th style='width: 135px;'>持续时间</th>"
	+ "</tr>");
	
//删除id为ongoing_campaigns的表格的所有子元素
$("#ongoing_campaigns").empty();

猜你喜欢