几个小的js问题

遇到几个JS问题,与思路无关,只与写法相关,今天得空,拿出来总结一下:
1.第一个不得不说的是我们在做权限勾选或者在做购物车的勾选的时候,全选这种的细节问题
2.第二个要说的是JS对象与jquery的对象互转的问题
3.表单的序列化提交

一.首先来说一下权限勾选的问题。关于权限勾选,我只想说两点:
1.原生的判断checkbox是否勾选的方式(有三种)
    1)if($(".checkbox-class").get(0).checked){}
    2)if($(".checkbox-class").is(':checked')){}
    3)if($(".checkbox-class").prop("checked")){}

2.原生的勾选checkbox和取消checkbox勾选的方式(有很多方式,但是个别方式存在第二次选择就失效的问题,所以我只采用了一种)
    //选中勾选框
    1.$(".checkbox-class").prop("checked",true);
    //取消勾选框
    2.$(".checkbox-class").prop("checked",false);

补充一点:关于prop与attr的区别:
1.对于HTML本身自带的属性,就用prop
2.对于HTML自己定义的Dom属性,就用attr
(这就是我说的第二次选择失效的根本原因)    

二.其次我要说的是js原生对象与jquery对象互换的问题:
jquery对象转js对象:(js对象 = jquery对象[0])
js对象转jquery对象:(jquery对象 = js对象.get(0))

三.最后我要说的是表单的序列化提交(与普通的表单提交最大的好处就是可以一次性得到表单里面的数据,不用每次都去得到里面的内容)
$("form").serialize();(将表单内容序列化转化为一个字符串)
$("form").serializeArray();(将页面表单序列化成一个Json格式的对象)

猜你喜欢

转载自blog.csdn.net/diaoweixiao/article/details/79848208