1.数据绑定:
$("#pageId").data("pageCurrent",result.pageCurrent); //插入数据
var pageCurrent = $("#pageId").data("pageCurrent"); //获取数据
2.绑定点击事件
$(".input-group-btn").on("click", ".btn-add", findByName); //在某个类下面的某个类上绑定点击事件
注:后面的方法没有括号表示,当有点击事件了才执行这个方法,若是有括号,则绑定完这个点击事件后立即执行这个方法。需要注意这个方法!!!
3.创建 tr 和 td 两种方式 :
var tr = $("<tr></tr>");
var tds = "<td><input type='checkbox' value='"+row.id+"'/></td>"
+ "<td>" + row.username + "</td>" + "<td>" + row.option
+ "</td>" + "<td>" + row.method + "</td>" + "<td>" + row.param
+ "</td>" + "<td>" + row.ip + "</td>" + "<td>" + row.time
+ "</td>";
4.若方法中有参数,而不传参数,方法也可以执行。若方法没有参数,使用方法时则不能传参数
function findByName() { $("#pageId").data("pageCurrent", 1); doObject(); } function doObject("admin") { var url = "log/doFindPageObject.do"; var pageCurrent = $("#pageId").data("pageCurrent"); if (!pageCurrent) pageCurrent = 1; var param = { "pageCurrent" : pageCurrent }; var username = $("#searchNameId").val().trim(); if (username) param.username = username; $.ajax({ url : url, data : param, success : function(result) { console.log(result); doOptionMessage(result); } }); }
5.jQuery中的ajax函数(ajax不能解决跨域的问题):
//第一种方法//1冒号左边为ajax方法的参数,冒号右边的为传入的参数
var param = {
"pageCurrent" : pageCurrent
};
var username = $("#searchNameId").val().trim();
if (username)
param.username = username;
$.ajax({
url : url,
data : param,
success : function(result) {
console.log(result);
doOptionMessage(result);
}
});
第二种方法
$.post(url,[params],[callback]);
$.post(url,params,function(result){
console.log(result);
if(result.status=="200"){
alert(result.msg);
//重新加载页面
doObject();
}else{
alert(result.msg);
}
});
//第三种方式
$.getJSON(url,[params],[callback]);
6.判断
if (!pageCurrent)pageCurrent = 1;
整数不为零,String类型不为空或undifinded则为true
7.获取对象的属性
//prop这个方法比较好用,因为没有这个属性时也可以用,若是attr这个属性,可能会报异常
var cls=$(this).prop("class");
8.获取value 的值
$(this).val()
9.创建数组,并操作数据
var ids = [];
ids.push(); //新增数据
ids.pop(); //获取数据
//数组的长度
if(ids.length==0){
alert("请选择");
return;
}
10.遍历获得的对象数组
$("#tbodyId input[type='checkbox']").each(function(){ if($(this).prop("checked")){ ids.push($(this).val()); } });
11.终止程序
return;
12.绑定 change 事件
$(".input-group-btn").on("change", ".btn-add", findByName);
13.逻辑与判断
function doSelectAlls(){ var flag=true; $("tbody input[type=checkbox]") .each(function(){ flag=flag&&$(this).prop("checked"); }); $("thead input[type=checkbox]").prop("checked",flag); }