jquery常见用法

jQuery

1.获取鼠标移动坐标(mousemove)

mouse: <span id="mouseMove"></span>
<div id="divMove">
在这里移动鼠标试试
</div>

<script src="js/jquery-3.4.1.js"></script>
<script>

    $(function () {
         $("#divMove").mousemove(function (e) {//对id=mousemove的标签内鼠标获取坐标
             $("#mouseMove").text(e.pageX + ", " + e.pageY);//将坐标显示在id为mouseMove的标签中
         })
     });
</script>

2.parent > child (返回值 Array<Element(s)> )

$("form > input")//这个相当于获得form表单中的所有input标签

3.js中判断一个值为null和判断为undefined

//判断一个值为null
var exp = null; 
if (!exp && typeof(exp)!=”undefined” && exp!=0) 
{ 
alert(“is null”); 
}　
//判断一个值为undefined
var exp = undefined;
if (typeof(exp) == "undefined")
{
    alert("undefined");
}

4.:even; :odd( 返回值:Array<Element(s)>)

//匹配所有索引值为偶数的元素，从 0 开始计数
$("tr:even")//取到表格里所有的偶数行
//匹配所有索引值为奇数的元素，从 0 开始计数
$("tr:odd")//取到表格里所有的奇数行

5.jq读取属性(attr)

//读取图片（src属性）
var sImg = $("#uImg").attr("src");
//为属性设置图片
$("#uImg").attr("src","test.jpg");
//将图形删除
$("#uImg").removeAttr("src");

6.jq属性（prop）

//禁用和选中页面上的所有复选框s
$("input[type='checkbox']").prop("disabled", true);
$("input[type='checkbox']").prop("checked", true);

7.全选和取消全选的问题

$("#quanxuan").click(function () {
            if (this.checked){   //如果当前点击的被选中
                $("input[type='checkbox']").prop("checked", true);//就全选
             //   $("input[name='onename']").prop("checked", true);//name为onename的复选框全选中
            }else {
                $("input[type='checkbox']").prop("checked", false);//否则全取消
            }
        })

8.ajax传递数组

必须加（traditional: true）属性

  $.ajax({
            url:"http://localhost:8081/car/ordercart",
            data:{"lists":arr},
            type:"get",
            traditional: true,//传递数组
            success:function (result) {
                   if (result == true){
                       window.location.href="/topaypage"
                   }else if (result ==false){
                       alert("购买失败！库存不足")
                   }
            }
        })

9…remove方法

//从DOM中删除所有匹配的元素。
//例如
$("p").remove();//删除所有p标签
$("p").remove(".hello");//删除所有calss为hello的p标签

10… parentsUntil

//查找当前元素的所有的父辈元素，直到遇到匹配的那个元素为止。这个返回的jQuery对象里包含了下面所有找到的父辈元素，但不包括那个选择器匹配到的元素。
 $(".delete").click(function () {
   //根据当前点击的标签往上面找，直到找到类样式为oneclass的标签停止（不包含oneclass标签）
  var parentss= $(this).parentsUntil(".oneclass");
 })

11.确定弹出框

if (window.confirm("确定要购买？")){}

12.弹出框优化

<link rel="stylesheet" type="text/css" href="http://www.huangwx.cn/css/sweetalert.css">
    <script type="text/javascript" src="http://www.huangwx.cn/js/sweetalert-dev.js"></script>
$("#chaxun").click(function () {
            swal("本列车暂时不提供套餐服务！")
        })

13.判断身份证是否正确

function onb() {
    /**
     * 二代身份证校验码的计算方法
     二代身份证由17位数字和一位校验码组成，那么校验方法是怎样的呢？

     将前面的身份证号码17位数分别乘以不同的系数。从第一位到第十七位的系数分别为：7－9－10－5－8－4－2－1－6－3－7－9－10－5－8－4－2。
     将这17位数字和系数相乘的结果相加。
     用加出来和除以11，得到余数
     余数只可能有0－1－2－3－4－5－6－7－8－9－10这11个数字。其分别对应的最后一位身份证的号码为1－0－X－9－8－7－6－5－4－3－2。
     * */
    var my_id = $("input[name=identitynumber]").val()
    my_id = my_id.toUpperCase();//把字符串转为大写
    if (my_id.length == 18) {
        //判断是否18位
        //正则判断是否符合身份证的格式
        if (!/^\d{17}\d|X$/i.test(my_id)) {  //如果不符合
            alert("不符合身份证格式")
            return 0;
        } else {
            //定义身份证号前17位的校验权
            var arr_right = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
            //前17位运算后的正确校验码
            var arr_valid = [1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2];
            var sum = 0, check_code;
            for (var i = 0; i < my_id.length-1; i++) {
                sum += parseInt(my_id[i]) * arr_right[i];
            }
            check_code = sum % 11;  //得到余数
            //substr() 方法抽取从下标为17开始的的数量为1的指定数目 这里就取到一个下标为17的数
            if (arr_valid[check_code] == my_id.substr(17,1)) {    //判断位数是不是对的
                return 1;
            } else {
                alert("请输入正确的身份证号")
                return 0;
            }
        }
    } else {
        alert("身份证号必须18位")
        return 0;
    }