编程 Javascript

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程序设计有所帮助。

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 学习笔记（八）javascript对象

Apr 12 Javascript

JavaScript的继承的封装介绍

Oct 15 Javascript

node.js中的http.response.setHeader方法使用说明

Dec 14 Javascript

JavaScript操作XML/HTML比较常用的对象属性集锦

Oct 30 Javascript

JavaScript中的this到底是什么(一)

Dec 09 Javascript

javascript实现2016新年版日历

Jan 25 Javascript

jQuery简单实现列表隐藏和显示效果示例

Sep 12 Javascript

强大的 Angular 表单验证功能详细介绍

May 23 Javascript

vue、react等单页面项目部署到服务器的方法及vue和react的区别

Sep 29 Javascript

node.js使用zlib模块进行数据压缩和解压操作示例

Feb 12 Javascript

基于js判断浏览器是否支持webGL

Apr 18 Javascript

JS中forEach()、map()、every()、some()和filter()的用法

May 11 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

PHP4实际应用经验篇(8)

2006/10/09 PHP

用PHP生成html分页列表的代码

2007/03/18 PHP

PHP 通过Socket收发十六进制数据的实现代码

2013/08/16 PHP

php使浏览器直接下载pdf文件的方法

2013/11/15 PHP

jquery select(列表)的操作（取值/赋值）

2009/08/06 Javascript

Javascript操作URL函数修改版

2013/11/07 Javascript

弹出最简单的模式化遮罩层的js代码

2013/12/04 Javascript

javascript实现俄罗斯方块游戏的思路和方法

2015/04/27 Javascript

用Node.js通过sitemap.xml批量抓取美女图片

2015/05/28 Javascript

javascript生成大小写字母

2015/07/03 Javascript

JS设置下拉列表框当前所选值的方法

2015/12/22 Javascript

倾力总结40条常见的移动端Web页面问题解决方案

2016/05/24 Javascript

jQuery查找节点方法完整实例

2016/09/13 Javascript

javascript 数据存储的常用函数总结

2017/06/01 Javascript

详解如何在angular2中获取节点

2017/11/23 Javascript

Vue+element-ui 实现表格的分页功能示例

2018/08/18 Javascript

仿vue-cli搭建属于自己的脚手架的方法步骤

2019/04/17 Javascript

ES6知识点整理之函数对象参数默认值及其解构应用示例

2019/04/17 Javascript

vue element中axios下载文件（后端Python）

2019/05/10 Javascript

JavaScript数组及常见操作方法小结

2019/11/13 Javascript

js实现计时器秒表功能

2019/12/16 Javascript

vue实现简单学生信息管理

2020/05/30 Javascript

JS实现移动端可折叠导航菜单（现代都市风）

2020/07/07 Javascript

vue动画—通过钩子函数实现半场动画操作

2020/08/09 Javascript

React实现todolist功能

2020/12/28 Javascript

[06:07]辉夜杯现场观众互动 “比谁远送显示器”

2015/12/26 DOTA

[03:05]《我与DAC》之xiao8：DAC与BG

2018/03/27 DOTA

linux系统使用python获取内存使用信息脚本分享

2014/01/15 Python

python多进程提取处理大量文本的关键词方法

2018/06/05 Python

python使用turtle库与random库绘制雪花

2018/06/22 Python

opencv python 图像去噪的实现方法

2018/08/31 Python

Python如何筛选序列中的元素的方法实现

2019/07/15 Python

2014年护理部工作总结

2014/11/14 职场文书

2015年仓库管理员工作总结

2015/04/21 职场文书

基于Python实现的购物商城管理系统

2021/04/27 Python

Python关于OS文件目录处理的实例分享

2021/05/23 Python