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}]

 

posted @ 2022-05-20 15:50  微风吹过~  阅读(28)  评论(0编辑  收藏  举报