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

1.定位input

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

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

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

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

4.每隔1000毫秒刷新一次

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

5.遍历table中的所有tr

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

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

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

8.select操作

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

9.radio操作

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

10.checkbox操作

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

11.标签操作

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

12.JS数组

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

13.JS中的list

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

14.JS中的map

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

15.JS中的计算

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

16.Jquery验证

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

17.JS中的JSON

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