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方法的参数,冒号右边的为传入的参数
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);
}
});
6.判断
if (!pageCurrent)pageCurrent = 1;
整数不为零,String类型不为空或undifinded则为true
7.获取对象的属性
//prop这个方法比较好用,因为没有这个属性时也可以用,若是attr这个属性,可能会报异常
var cls=$(this).prop("class");