JQuery学习之操作CSS
样式表:
.important{
font-weight:bold;
font-size:xx-large;
}
.blue{
color:blue;
}
1.addClass():向被选元素添加一个或多个类
$("button").click(function{
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});
可以在addClass()方法中规定多个类:
$("button").click(function(){
$("#div1").addClass("important blue");
});
2.removeClass():从被选元素删除一个或多个类
$("button").click(function(){
$("h1,h2,p").removeClass("blue");
});
3.toggleClass():对被选元素进行添加/删除类的操作
$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});
4.css():设置或返回被选元素的一个或多个样式属性
**返回首个匹配元素的background-color值:
$("p").css("background-color");
语法:css("propertyname");
**为所有匹配元素设置background-color值:
$("p").css("background-color","yellow");
语法:css("propertyname","value");
**设置多个CSS属性:
$("p").css({"background-color":"yellow","font-size":"200%"});
语法:css({"propertyname":"value","propertyname":"value",....});
最新文章
- WdatePicker 没有权限 不能执行已释放 Script 的代码
- javasript_数据结构和算法_栈
- NOIP2015 Revenge
- 学习笔记_过滤器应用_1(分ip统计网站的访问次数)
- Entity Framework:如果允许模型处于非法状态,在某些场景下,记得清空DbContext
- MarkDown/reST 文档发布流水线
- 《JAVASCRIPT高级程序设计》选择框脚本和富文本编辑
- Android 开发笔记___EditText__文本编辑框
- SSH2三大框架SQL查询
- 程序员DD 《Spring boot教程系列》补充
- 初识Java Servlet
- 【原创 Hadoop&;Spark 动手实践 4】Hadoop2.7.3 YARN原理与动手实践
- ionic 访问odoo11之具体业务类api接口
- Beta阶段第三次冲刺
- Python常见面试(习题)——水仙花数
- R语言如何将字符串转变为命令执行
- BZOJ1221 [HNOI2001]软件开发 - 费用流
- 笔记:css3伪选择器改变滚动条样式
- [转]微信小程序之购物数量加减 —— 微信小程序实战商城系列(3)
- 2018-2019-20172329 《Java软件结构与数据结构》第三周学习总结
热门文章
- JS判断客户端是手机还是PC的2个代码(转)
- oracle定时器,调用存储过程,定时从n张表中取值新增到本地一张表中
- webclient 和httpclient 应用
- 【leetcode】Minimum Depth of Binary Tree (easy)
- 60. Permutation Sequence
- Mac系统下使用VirtualBox虚拟机安装win7--第三步 在虚拟机上安装 Windows 7
- jq点击和鼠标移上效果以及一个等号";="; 二个等号";=="; 三个等号";==="; 的区别
- 微信支付:“当前页面的URL未注册”
- Delphi中exit、break、continue等跳出操作的区别
- struts标签<;logic:iterate>;的用法