jQuery 函数的一些方法

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);
    }

 

转载于:https://www.cnblogs.com/gxlaqj/p/11452653.html