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 相关文章推荐
Javascript 面向对象 命名空间
May 13 Javascript
SharePoint 客户端对象模型 (一) ECMA Script
May 22 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
Sep 14 Javascript
JavaScript的各种常见函数定义方法
Sep 16 Javascript
javascript中数组方法汇总
Jul 07 Javascript
最细致的vue.js基础语法 值得收藏!
Nov 03 Javascript
webuploader模态框ueditor显示问题解决方法
Dec 27 Javascript
JS中实现函数return多个返回值的实例
Feb 21 Javascript
老生常谈Bootstrap媒体对象
Jul 06 Javascript
JS 仿支付宝input文本输入框放大组件的实例
Nov 14 Javascript
详解TypeScript+Vue 插件 vue-class-component的使用总结
Feb 18 Javascript
js 根据对象数组中的属性进行排序实现代码
Sep 12 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
图象函数中的中文显示
2006/10/09 PHP
php中获取指定IP的物理地址的代码(正则表达式)
2011/06/23 PHP
PHP利用str_replace防注入的方法
2013/11/10 PHP
PHP的Yii框架的常用日志操作总结
2015/12/08 PHP
功能强大的php分页函数
2016/07/20 PHP
原创javascript小游戏实现代码
2010/08/19 Javascript
JavaScript中的类继承
2010/11/25 Javascript
artDialog+plupload实现多文件上传
2016/07/19 Javascript
AngularJS基础 ng-class-odd 指令示例
2016/08/01 Javascript
js实时获取窗口大小变化的实例代码
2016/11/18 Javascript
jQuery+ajax的资源回收处理机制分析
2017/01/07 Javascript
javascript设计模式之单体模式学习笔记
2017/02/15 Javascript
js用类封装pop弹窗组件
2017/10/08 Javascript
深入理解Vue nextTick 机制
2018/04/28 Javascript
简单说说如何使用vue-router插件的方法
2019/04/08 Javascript
通过javascript实现段落的收缩与展开
2019/06/26 Javascript
Vue利用Blob下载原生二进制数组文件
2019/09/25 Javascript
python如何生成各种随机分布图
2018/08/27 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
Django框架创建mysql连接与使用示例
2019/07/29 Python
Python 3 判断2个字典相同
2019/08/06 Python
jupyter notebook 参数传递给shell命令行实例
2020/04/10 Python
Django解决frame拒绝问题的方法
2020/12/18 Python
COACH德国官方网站:纽约现代奢侈品牌,1941年
2018/06/09 全球购物
美国林业供应商:Forestry Suppliers
2019/05/01 全球购物
Jones New York官网:美国女装品牌,受白领女性欢迎
2019/11/26 全球购物
如果有两个类A,B,怎么样才能使A在发生一个事件的时候通知B
2016/03/12 面试题
新员工欢迎词
2014/01/12 职场文书
如何写好优秀的创业计划书
2014/01/30 职场文书
仓管岗位职责范本
2014/02/08 职场文书
《自选商场》教学反思
2014/02/14 职场文书
技校毕业生自荐信范文
2014/03/07 职场文书
泰山导游词
2015/02/02 职场文书
2015年企业团支部工作总结
2015/05/21 职场文书
2016最新离婚协议书范本及程序
2016/03/18 职场文书
golang生成vcf通讯录格式文件详情
2022/03/25 Golang