JQ 基础续
JQ操作class
-
js操作class
DOM元素 . className
var div1 = document.querySelector("div"); div1.className = "bgc fontS fontC"; div1.className = "fontS";
-
JQ操作class
-
设置class
Jq对象.addClass("class名1 class名2 ..."); Jq对象.addClass(function(){ });
-
删除class
Jq对象.removeClass("class名1 class名2 ..."); Jq对象.removeClass(function(i){ });
-
例:
$("div").addClass("bgc"); $("div").addClass(function(i){ // 该函数会根据JQ对象里dom元素的个数重复调用, 每次调用时, 函数的返回值就是给当前DOM元素设置的class // 那么如果每次都能调用一个函数, 那么函数里可以根据逻辑书写任意代码, 灵活, 或者可以对不同的元素或者不同的情况, 赋值不同的class return classArr[i]; }); $("div").removeClass(function(i){ if (i % 2) { return "fontC"; }else { return "bgc"; } }
-