Js/Jquery常用操作
1.获取data-*属性
document.getElementById('id').getAttribute("data-user")//js $('#id').data("user");//jquery
2.设置data-*属性
document.getElementById('id').setAttribute("data-user","张三")//js $('#id').data("user", "张三");//jquery
3.延迟执行
//参数1 函数,参数2延迟5秒执行 setTimeout(() => {},1000 * 5)
4.添加删除css类名
$("#id" ).addClass("hidden"); $("#id").removeClass("hidden");
5.属性选择器 ~=, |=, ^=, $=, *=
//[attribute~=value] 属性中包含独立的单词为 value例如: $("div[class~=opblock-summary]") --> <div class="opblock-summary opblock-summary-get"></div> //[attribute*=value] 属性中做字符串拆分,只要能拆出来 value 这个词就行,例如: $("div[class*=mmary]") --> <div class="opblock-summary opblock-summary-get"></div> //[attribute|=value] attribute 属性以 value 开头: //[attribute|=value] 属性中必须是完整且唯一的单词,或者以 - 分隔开:,例如: $("div[class|=opblock]") --> <div class="opblock-summary opblock-summary-get"></div> //[attribute^=value] 属性的前几个字母是 value 就可以,例如: $("div[class^=opblock]") --> <div class="opblock-summary opblock-summary-get"></div> //attribute 属性以 value 结尾 $("div[class$=summary-get]") --> <div class="opblock-summary opblock-summary-get"></div>
6.Math对象方法
Math.random();//方法返回从 0(含)到 1(不含)的随机数 Math.ceil(1.4);//方法将数字向上舍入为最接近的整数,并返回结果。输出2
7.筛选数组
// 根据属性筛选数组 var data = [{"name":"张三","value":1},{"name":"张四","value":2},{"name":"张五","value":3}]; var temp= data.filter(o => o.name =="张三"); //输出 //[{"name":"张三","value":1}]