温馨提示×

jquery如何修改class名称

养鱼的猫咪
1314
2021-05-18 12:23:22
栏目: 编程语言

使用jquery修改class名称的方法:1.新建html项目,引入jquery;2.创建div标签,设置id和class属性;3.新建button按钮,绑定onclick事件;4.通过id获取对象,使用attr()方法修改class名称;


jquery如何修改class名称


具体步骤如下:

1.首先,新建一个html项目,并在项目中引入jquery;


<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>


2.引入jquery后,在项目中新建一个div标签,并设置id和class属性;



<div id="app" class="text"><div>

3.div标签创建好后,在新建一个button按钮,并绑定onclick点击事件;



<button onclick="set()"></button>

4.最后,button按钮创建好后,通过id获取对象,在使用attr()方法即可修改div标签的class名称;


function set(){

$('#app').attr('class','newclass');

}



0