zoukankan      html  css  js  c++  java
  • 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);
        }
  • 相关阅读:
    信息学奥赛一本通(C++)在线评测系统——基础(一)C++语言——1105:数组逆序重存放
    信息学奥赛一本通(C++)在线评测系统——基础(一)C++语言——1106:年龄与疾病
    信息学奥赛一本通(C++)在线评测系统——基础(一)C++语言——1105:数组逆序重存放
    信息学奥赛一本通(C++)在线评测系统——基础(一)C++语言——1104:计算书费
    信息学奥赛一本通(C++)在线评测系统——基础(一)C++语言——1104:计算书费
    信息学奥赛一本通(C++)在线评测系统——基础(一)C++语言——1104:计算书费
    configparser
    python中split()、os.path.split()函数用法
    DOS命令
    adb安装及使用
  • 原文地址:https://www.cnblogs.com/gxlaqj/p/11452653.html
Copyright © 2011-2022 走看看