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