jQuery使用CSS()方法给指定元素同时设置多个样式


Posted in Javascript onMarch 26, 2015

本文实例讲述了jQuery使用CSS()方法给指定元素同时设置多个样式的方法。分享给大家供大家参考。具体如下:

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("p").css({"background-color":"blue","font-size":"14px"});
 });
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p style="background-color:#ff0000">This is a paragraph.</p>
<p style="background-color:#00ff00">This is a paragraph.</p>
<p style="background-color:#0000ff">This is a paragraph.</p>
<p>This is a paragraph.</p>
<button>Set multiple styles for p</button>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
js中onload与onunload的使用示例
Aug 25 Javascript
jQuery实现购物车多物品数量的加减+总价计算
Jun 06 Javascript
使用node.js中的Buffer类处理二进制数据的方法
Nov 26 Javascript
JavaScript实现垂直滚动条效果
Jan 18 Javascript
微信小程序教程系列之视图层的条件渲染(10)
Apr 19 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
May 11 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
Aug 22 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
Nov 26 Javascript
微信小程序 自定义弹窗实现过程(附代码)
Dec 05 Javascript
vue el-table实现行内编辑功能
Dec 11 Javascript
Servlet返回的数据js解析2种方法
Dec 12 Javascript
JavaScript冒泡算法原理与实现方法深入理解
Jun 04 Javascript
12306验证码破解思路分享
Mar 25 #Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
Mar 25 #Javascript
jQuery获得document和window对象宽度和高度的方法
Mar 25 #Javascript
jQuery设置指定网页元素宽度和高度的方法
Mar 25 #Javascript
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
Mar 25 #Javascript
Jquery实现鼠标移动放大图片功能实例
Mar 25 #Javascript
jQuery延迟加载图片插件Lazy Load使用指南
Mar 25 #Javascript
You might like
基于PHP输出缓存(output_buffering)的深入理解
2013/06/13 PHP
php教程之魔术方法的使用示例(php魔术函数)
2014/02/12 PHP
php上传图片生成缩略图(GD库)
2016/01/06 PHP
innerText和innerHTML 一些问题分析
2009/05/18 Javascript
Javascript 遍历页面text控件详解
2014/01/06 Javascript
原生js和jQuery随意改变div属性style的名称和值
2014/10/22 Javascript
TypeScript 学习笔记之基本类型
2015/06/19 Javascript
全面理解JavaScript中的继承(必看)
2016/06/16 Javascript
javascript回到顶部特效
2016/07/30 Javascript
AngularJS实现单独作用域内的数据操作
2016/09/05 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
2016/12/06 Javascript
vue双向绑定简要分析
2017/03/23 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
2017/11/01 Javascript
详解Angular5 服务端渲染实战
2018/01/04 Javascript
jsonp跨域及实现百度首页联想功能的方法
2018/08/30 Javascript
Vue中遍历数组的新方法实例详解
2019/07/21 Javascript
解决vue项目中出现Invalid Host header的问题
2020/11/17 Javascript
[06:07]刀塔密之二:攻之吾命受之吾幸
2014/07/03 DOTA
[05:16]《大圣!大圣》——DOTA2新英雄齐天大圣配音李世宏老师专访
2016/12/13 DOTA
使用Python编写一个简单的tic-tac-toe游戏的教程
2015/04/16 Python
详解Python中的相对导入和绝对导入
2017/01/06 Python
对pandas进行数据预处理的实例讲解
2018/04/20 Python
使用python编写udp协议的ping程序方法
2018/04/22 Python
python numpy矩阵信息说明,shape,size,dtype
2020/05/22 Python
python计算auc的方法
2020/09/09 Python
详解python 条件语句和while循环的实例代码
2020/12/28 Python
SteelSeries赛睿官网:游戏外设和配件的领先制造商(耳机、键盘、鼠标和鼠标垫)
2018/06/17 全球购物
The North Face北面荷兰官网:美国著名户外品牌
2019/10/16 全球购物
PHP面试题及答案二
2015/05/23 面试题
常用UNIX 命令(Linux的常用命令)
2015/12/26 面试题
平民服装店创业计划书
2014/01/17 职场文书
授权委托书样本
2014/04/03 职场文书
2014预备党员批评与自我批评思想汇报
2014/09/20 职场文书
期末复习计划
2015/01/19 职场文书
Go语言中break label与goto label的区别
2021/04/28 Golang
Mysql基础知识点汇总
2021/05/26 MySQL