jQuery addClass()方法添加class
2023-06-13 09:12:02 时间
类名操作,指的是为元素添加一个 class 或删除一个 class,从而整体控制元素的样式。
图 1:默认效果
图 2:点击按钮后的效果 这个例子与 设置多个 CSS 属性 的例子效果是一样的,但是这种方式相对来说可读性更好,并且更加方便。
在 jQuery 中,CSS 类名操作共有以下 3 种。
本节教程先来介绍第一种添加 class,删除与切换随后介绍。
在 jQuery 中,我们可以使用 addClass() 方法为元素添加一个 class。
语法:
$().addClass( 类名 )
举例:
!DOCTYPE html html head meta charset= utf-8 / title /title style type= text/css .select color:red; background-color:#F1F1F1; font-weight:bold; /style script src= js/jquery-1.12.4.min.js /script script $(function () { $( #btn ).click(function(){ $( li:nth-child(odd) ).addClass( select /script /head body li HTML /li li CSS /li li JavaScript /li li jQuery /li li Vue.js /li /ul input id= btn type= button value= 添加 / /body /html
默认情况下,预览效果如图 1 所示。
图 1:默认效果
我们点击【添加】按钮后,预览效果如图 2 所示。
图 2:点击按钮后的效果 这个例子与 设置多个 CSS 属性 的例子效果是一样的,但是这种方式相对来说可读性更好,并且更加方便。
23809.html
CSShtmljavaJavaScript相关文章
- JQuery中的bind()和unbind()的理解「建议收藏」
- jquery如何动态添加、删除class样式方法详解编程语言
- jQuery children() find()和contents()方法
- jQuery 3.0 —— 下一代的 jQuery
- jquery提示"objectexpected"的解决方法
- jQuery数组处理方法汇总
- Jquery写一个鼠标拖动效果实现原理与代码
- jQuery-serialize()输出序列化form表单值的方法
- jquery添加节点的几种方法介绍
- 使用jquery获取网页中图片高度的两种方法
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- 利用js(jquery)操作Cookie的方法说明
- jquery鼠标停止移动事件
- eclipse导入jquery包后报错的解决方法
- jquery日历控件实现方法分享
- 把jQuery的类、插件封装成seajs的模块的方法
- jquery实现点击文字可编辑并修改保存至数据库
- 浅谈jQuery中对象遍历.eq().first().last().slice()方法
- JQuery中使用ajax传输超大数据的解决方法
- jquery增加和删除元素的方法
- 使用jquery解析XML示例代码