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 相关文章推荐
利用jQuary实现文字浮动提示效果示例代码
Dec 26 Javascript
深入理解javascript构造函数和原型对象
Sep 23 Javascript
基于jquery实现的自动补全功能
Mar 12 Javascript
jQuery Ajax使用实例
Apr 16 Javascript
js实现文本框选中的方法
May 26 Javascript
JS集成fckeditor及判断内容是否为空的方法
May 27 Javascript
vue-router跳转页面的方法
Feb 09 Javascript
bootstrap响应式表格实例详解
May 15 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
Dec 25 jQuery
VueRouter导航守卫用法详解
Dec 25 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
Nov 15 Javascript
JavaScript实现网页计算器功能
Oct 29 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
YB217、YB235、YB400浅听
2021/03/02 无线电
windows下zendframework项目环境搭建(通过命令行配置)
2012/12/06 PHP
PHP实现阳历到农历转换的类实例
2015/03/07 PHP
php析构函数的简单使用说明
2015/08/24 PHP
php中遍历二维数组并以表格的形式输出的方法
2017/01/03 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
PHP关于foreach复制知识点总结
2019/01/28 PHP
javascript打印大全(打印页面设置/打印预览代码)
2013/03/29 Javascript
js/html光标定位的实现代码
2013/09/23 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
2014/10/17 Javascript
node.js中的http.response.setHeader方法使用说明
2014/12/14 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
2016/05/07 Javascript
浅谈js构造函数的方法与原型prototype
2016/07/04 Javascript
JS实现六位字符密码输入器功能
2016/08/19 Javascript
脚本div实现拖放功能(两种)
2017/02/13 Javascript
ES6新特性八:async函数用法实例详解
2017/04/21 Javascript
JavaScript实现的简单加密解密操作示例
2018/06/01 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
2018/07/10 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
2018/12/11 Javascript
如何解决webpack-dev-server代理常切换问题
2019/01/09 Javascript
13 个npm 快速开发技巧(推荐)
2019/07/04 Javascript
vue中英文切换实例代码
2020/01/21 Javascript
[01:33:07]VGJ.T vs Newbee Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
[01:52]2020年DOTA2 TI10夏季活动预告片
2020/07/15 DOTA
Python语言实现获取主机名根据端口杀死进程
2016/03/31 Python
使用python实现BLAST
2018/02/12 Python
Python 3.8中实现functools.cached_property功能
2019/05/29 Python
python如何通过pyqt5实现进度条
2020/01/20 Python
Python多线程threading创建及使用方法解析
2020/06/17 Python
详解Python中Pyyaml模块的使用
2020/10/08 Python
canvas三角函数模拟水波效果的示例代码
2018/07/03 HTML / CSS
国际鲜花速递专家:Floraqueen
2016/11/24 全球购物
2014年扶贫帮困工作总结
2014/12/09 职场文书
工作后的感想
2015/08/07 职场文书
辅导员学期工作总结
2015/08/14 职场文书
幼儿园家长心得体会
2016/01/21 职场文书