jQuery实现获取及设置实现获取及设置CSS样式操作详解样式操作详解
本文实例讲述了jQuery实现获取及设置CSS样式操作。分享给大家供大家参考，具体如下：
addClass():向被选元素添加一个或多个类
removeClass():从被选元素删除一个或多个类
toggleClass():对被选元素进行添加/删除类的切换操作
css():设置或返回被选元素的一个或多个样式属性
样式表实例：
.important{
font-weight:bold;
font-size:xx-large;
}
.blue{
color:blue;
}
addClass()
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});
});
</script>
<style type="text/css">
.important{
font-weight:bold;
font-size:xx-large;
}
.blue{
color:blue;
}
</style>
</head>
<body>
<h1>she is gone</h1>
<h2>no say anymore</h2>
<p>but i miss you</p>
<div>can you come back</div>
</br>
<button>addClass</button>
</body>
</html>
运行效果：
资源评论
weixin_38703866
- 粉丝: 5
- 资源: 953
最新资源
- Matlab魔术轮胎公式：轮胎动力学仿真研究，涵盖制动、转弯及联合工况，解析纵向力与滑动率、侧向力与侧偏角关系，附参考文献及代码仿真复现 ,Matlab魔术轮胎公式：轮胎动力学仿真研究，涵盖制动、转弯
- 纯电动汽车Simulink整车仿真模型：构建高效动力系统，探索未来驾驶体验,纯电动汽车Simulink整车仿真模型构建与性能分析,纯电动汽车（含增程式）的 Simulink 整车仿真模型 ,纯电动;
- 贝叶斯优化算法在PID参数自动调参中的应用：一阶至高阶控制系统的自适应解决方案（附详细注释的M文件）,贝叶斯优化算法在PID参数自动调整中的应用：一阶至高阶控制系统的自适应调参方法及详细注释说明,贝叶
- 基于Matlab的2PSK调制与解调系统仿真：原理、实现与源文件详解说明文档,基于MATLAB的2PSK调制与解调系统仿真及其详细说明文档与仿真源文件研究分析,基于matlab的2PSK调制与解调系统
- 基于BP神经网络的复杂故障诊断在三相逆变器仿真复现中的应用研究,基于BP神经网络的智能三相逆变器故障诊断技术研究与仿真复现：深度探索与验证,基于BP神经网络的三相逆变器故障诊断研究，仿真复现 ,基于B
- 四轮独立线控转向系统与Carsim-Simulink联合仿真的研究与应用,四轮转向线控转向系统的Carsim与Simulink联合仿真研究与实践,四轮转向线控转向系统的carsim与simulink联
- 基于Matlab与Simulink的六自由度水下机器人滑模控制运动模型：无差度轨迹跟踪效果与S-function及Matlab function互换性应用与说明文档,基于Matlab与Simulink
- C#与Halcon运动控制及视觉框架源码联合，可自定义连线式运动控制，开源可二次开发视觉处理利器 ,C#结合Halcon视觉框架的运动控制源代码分享与二次开发指南,C#联合Halcon运动控制源代码
- COMSOL MXene超材料吸收器的性能研究：探索高效能量转换与吸收机制,COMSOL MXene超材料吸收器的性能研究：探索高效能量转换与吸收机制,comsol MXene超材料吸收器 ,com
- 船用柴油机Simulink动态模型：四缸CI发动机设计与仿真（带PID控制）参考文档,船用柴油机Simulink动态模型构建：四缸CI发动机PID控制详解与文献参考,船用柴油机Simulink动态模
- 基于SOGI二阶广义积分器和高频注入的PMSM无速度传感器控制策略研究-MATLAB/Simulink仿真及传统滤波方法对比,基于pmsm永磁同步电机的高频注入技术与sogi二阶广义积分器传统滤波在
- 基于C++和C语言的农村污水处理系统设计源码
- 基于HTML和CSS技术的大学学业作业仓库设计源码
- 基于COMSOL的三相变压器仿真：振动噪声、温度及多场耦合计算的综合性研究,基于COMSOL的三相变压器仿真：振动噪声、温度场及多物理场耦合计算的研究,COMSOL三相变压器仿真振动噪声温度 变压器磁
- 基于JavaScript技术的自有家用源建设二分队设计源码
- 基于Vue与Electron的跨平台可视化页面与流程设计源码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
