JS知识点01

2017-02-26  本文已影响0人  君当日胜贵


### 知识点

Object.play();不在不在

>  播放

Object.pause();

>  暂停

Object.currentTime

>  设置属性:当前开始播放的位置,一般放在播放功能的前面

***

Array.from(arrayLike[, mapFn[, thisArg]])

> arrayLike 想要转换成真实数组的类数组对象或可遍历对象。

mapFn 可选参数,如果指定了该参数,则最后生成的数组会经过该函数的加工处理后再返回。

thisArg 可选参数,执行 mapFn 函数时 this 的值。

(v,k) => v       原生JS里会常用;

(v,k) => v       jQuery中常用;

array.forEach(callback[, thisArg])

> 对数组的每个元素执行一次提供的函数(回调函数)。

需配合document.querySelectorAll()使用,不能使用TagName、ClassName等选择器

transitionend

> 过渡,在css事件完成过渡后触发;和click同等级;

object.classList   是一个只读属性,返回一个元素的类属性的实时 DOMTokenList集合。

>

object.classList.add(xxx);   添加类;

object.classList.remove(xxx);   删除类;

object.classList.toggle(xxx);   删除or添加类xxx,但不会影响其他的类;

html中定义属性  data-xxx='yyy';

> js中使用属性值 object.dataset.xxx

jQuery中使用属性值  $().data('xxx');

console.table(对象)

> 以表格的形式显示

原生js代码

> [可本地存储的json数据] = JSON.stringify( [内容] );

对象=JSON.parse( json数据 );

存储本地

读取本地

[内容] = JSON.parse( [json数据] );

$.ajax(

{

type:"get",

url:"xxx.php",

dataType:"json",

data:{

name:"张三",

number:$("#staffNumber").val(),

sex:"男",

job:"titleName"

}

success:function(data){

if(data.success){

}

else{

}

}

error:function(jqXHR){

}

}

);

$.ajax(

{

type:"GET",

url:"xxx.php",

dataType:"json",

data:{

},

success:function(){

},

error:function(jqXHR){

}

}

);

设置时间

`var endTime1 = new Date(2017,2,1,0,0,0);`

parseInt(xxx);

> 取整数;

取 小时、分钟、秒 数;

> `var m = parseInt(durTime/(60*1000)%60);`

.siblings() jQ中的方法,选中所有兄弟元素(不包括本身);

> `$(this).addClass("on").siblings().removeClass("on");` 给自己加上"on"的类,同时去除兄弟元素的"on"类;

上一篇下一篇

猜你喜欢

热点阅读