<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="./jquery-1.12.4.min.js"></script> <script> $(function(){ //添加类名称 $('div').addClass('font'); $('div').addClass('contentColor'); //删除类名称 $('div').removeClass('font'); //关于toggleClass,如果有就删除该类名称,如果没有就增加该类名称 $('div').toggleClass('font'); $('div').toggleClass('contentColor'); }) </script> <style> .font{ font-size: 50px; } .contentColor{ color: red; text-decoration: underline; } .italic{ font-style: italic; font-weight: bold; } </style> </head> <body> <div>样式 class类名称</div> </body> </html>
jquery操作样式类名称
猜你喜欢
转载自blog.csdn.net/owc1874/article/details/80746439
今日推荐
周排行