获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class,jquery代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
//php笔记整理 https://www.phpnote.cc var p_class = $("p").attr("class"); //获取p元素的class //使用attr()方法来设置p元素的class,JQuery代码如下: $("p").attr("'class", "high"); //设置p元素的class为 "high" //JQuery提供了专门的addClass()方法来追加样式 $("#nm_p").addClass("another"); // 追加样式 //要删除class的某个值,那么可以使用与addClass()方法相反的removeClass()方法来完成 $("p").removeClass("high"); //移除p元素中值为"high"的class //还可以利用removeClass()方法的一个特性来完成同样的效果。当它不带参数时,就会将class的值全部删除 $("p").removeClass(); //移除p元素的所有class //换样式 JQuery中有一个方法toggle() toggleBtn.toggle(function(){ //元素显示代码 }, function(){ //元素隐藏代码 }) //JQuery还提供了一个toggleClass()方法控制样式上的重复切换 $("p").toggleClass("another"); //重复切换类名“another” //判断是否含有某个样式 hasClass()可以用来判断元素中是甭含有某个class,如果有,则返回true,否则返回false。例如可以使用下面的代码来判断p元素中是否含有“another”的class: $("p").hasClass("another"); |
转载请注明:PHP笔记 » jQuery动态添加/修改/删除class样式方法