1、类名选择器:$('.classname')
//获取class为classname的第一个元素(参数规则跟$()一致)
document.querySelector('.classname')
//获取class为classname的所有元素(参数规则跟$()一致)
document.querySelectorAll('.classname')
2、添加类名:addClass("active")
dom.classList.add("active");
3、移除类名:removeClass("active")
dom.classList.remove('active');
4、判断是否有类名:hasClass("active")
dom.classList.contains("active")
5、动画效果:$(".active").animate({opacity:0},function(){})
//参数:对象、属性名、原始值、变化到的值、运动时间、值的单位、结束后回调函数
function animate(dom,attr,oldValue,value,times,unit,callback) {
var startTime=new Date().getTime();
move();
function move() {
var nowTime=new Date().getTime();
var jindu=(nowTime-startTime)/times;//进度(小数)
if(jindu <= 1){
dom.style[attr]=(oldValue+(value-oldValue)*jindu)+unit;
requestAnimationFrame(move);
}else {
dom.style[attr]=value+unit;
if(callback) callback();
}
}
}