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.jQuery跳转页面
$(location).attr("href","/tologin")//jq方式
window.location.href="/tologin"//原生js方式
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.jq根据表单中的name获取值
var val = $("[name=BuyCarNum]:text").val();
var count = $("input[name=BuyCarNum]").val();
5.jq读取属性(attr)
//读取图片(src属性)
var sImg = $("#uImg").attr("src");
//为属性设置图片
$("#uImg").attr("src","test.jpg");
//将图形删除
$("#uImg").removeAttr("src");
6.jq属性(prop)
//禁用和选中页面上的所有复选框
$("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");
 })

本文链接http://www.taodudu.cc/news/show-82991.html