管理端系统必会的前端知识

1.定位input

通过id定位$("#id")    通过name定位$("input[name='name']")    通过class定位$(".class")

2.模块隐藏与显示hide()/show()

3.页面停个500毫秒进行刷新

[java]  view plain  copy

1. setTimeout(function(){初始化页面操作});  

4.每隔1000毫秒刷新一次

[java]  view plain  copy

1. setInterval(function(){ alert("Hello"); }, 1000);  

5.遍历table中的所有tr

[java]  view plain  copy

1. $("#table tr").each(function(i, item){    });  

6.JS传参时参数过长，会造成精度缺失，必须加个引号

7.控制器向JSP页面进行参数传递时，勿用param

8.select操作

[java]  view plain  copy

1. //删除某个option  
2. $("#id option[value='1']").remove();  
3. //获取select选中的value，选中的文本  
4. $("#id option:selected").val();  或者直接$("#id").val();  
5. $("#id option:selected").text();  
6. //获取option的data-mode：<option value="x" data-mode="x" data-property="x" data-formula="x">  
7. $("#marketid").find("option:selected").attr("data-mode");  
8. //删除某个option  
9. ("#id option[value='3']").remove();  
10. //增加一个option，添加后一般会用一下这个$("#id").selectOrDie("update");  
11. $("#id").append("<option value='6'>xxx</option>");  
12. //清空select  
13. $("#id").empty();  

9.radio操作

[java]  view plain  copy

1. // 获取radio选中的值  
2. $("input[name="xxx"]:checked").val();  

10.checkbox操作

[java]  view plain  copy

1. //当前是否选中，选中为true  
2. $(curr).is(":checked");  
3. //获取checkbox选中的值，是个数组  
4. var groupcheckbox = $("input[name='xxx']:checked").val();  
5. for(var i = 0; i < groupcheckbox.length; i++){}  
6. //让checkbox取消选中  
7. $(curr).prop("checked", false);  

11.标签操作

[java]  view plain  copy

1. //标签加属性，标签移除属性  
2. xxx.attr("disabled", "disabled");  
3. xxx.removeAttr("", "");  
4. //移除table中的第一行  
5. $("#tableID tr:eq(0)").remove();  
6. //获取tr下的第4列td的input值  
7. var inputEle = $(this).children("td").eq("3").children("input");  
8. var inputValue = $(inputEle).val();  
9. //获取当前标签下的第一个input  
10. $(this).children("input:first-child");  
11. //判断标签是否含有某个class  
12. $(this).hasClass("error");  
13. //获取标签的下两个元素  
14. $(this).next().next();  
15. //css操作  
16. $("#id").css("width", "700px");  
17. //模糊查找input  
18. $(this).find("input[id ^= 'startTime']").val();  

12.JS数组

[java]  view plain  copy

1. //往数组添加元素var locationids = [];  
2. locationids.push();  
3. //删除数组中的最后一个元素  
4. locationids.splice(xx.length-1, 1)  

13.JS中的list

[java]  view plain  copy

1. var list = new ArrayList();  
2. $("#tableID tr").each(function(){  
3.     var id = $(this).attr("id");  
4.     var config = {};  
5.     config.id = id;  
6.     config.xxx = xxx;  
7.     list.add(config);  
8. });  
9. list.toArray();  
10. // 控制器可直接用List<Config> list对象进行接收  

14.JS中的map

[java]  view plain  copy

1. var map = new HashMap();  
2. map.put("0", "星期天");  
3. map.get("0");  

15.JS中的计算

[java]  view plain  copy

1. //JS中默认是拼接，必须转换类型进行计算Number(),parseFloat(),parseInt()等等  
2. sum += Number($("#id").val());  
3. sum += parseInt("#id");  
4. //保留两位小数  
5. sum.toFixed(2);  

16.Jquery验证

[java]  view plain  copy

1. //增加validate  
2. $("#id").rules("add", {min:0, max:4, message:{max:"最大为四"}})  
3. //移除验证  
4. $("#id").rules("remove");  

17.JS中的JSON

[java]  view plain  copy

1. //<input type="text" id="xxx" value='[{"id":"1", "name":"thank", "amount":["10","10.1","9.8"]}]'/>  
2. var toEditStr = $("#xxx").val();  
3. if(toEditStr != ''){  
4.     var toEditJson = JSON.parse(toEditStr);  
5.     var id = toEditJson.id;  
6. }  

文章转载自https://blog.youkuaiyun.com/qq_36092584/article/details/79855921   尊重版权