编程 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脚本实现Web页面信息交互

Oct 11 Javascript

COM中获取JavaScript数组大小的代码

Nov 22 Javascript

javascript document.compatMode兼容性

Feb 23 Javascript

jquery中防刷IP流量软件影响统计的一点对策

Jul 10 Javascript

基于jQuery的倒计时实现代码

May 30 Javascript

js 获取计算后的样式写法及注意事项

Feb 25 Javascript

JavaScript创建类/对象的几种方式概述及实例

May 06 Javascript

使用js判断当前时区TimeZone是否是夏令时

Feb 23 Javascript

浅谈javascript 归并方法

Jan 21 Javascript

JS实现仿微博可关闭弹出层效果

Sep 21 Javascript

jQuery遍历json的方法(推荐)

Jun 12 Javascript

vue实现input输入模糊查询的三种方式

Aug 14 Vue.js

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面试题(对属性或方法的访问控制)

2012/09/13 PHP

详解php中空字符串和0之间的关系

2016/10/23 PHP

基于jquery的jqDnR拖拽溢出的修改

2011/02/12 Javascript

让浏览器非阻塞加载javascript的几种方法小结

2011/04/25 Javascript

JavaScript mapreduce工作原理简析

2012/11/25 Javascript

jquery+json实现数据二级联动的方法

2015/11/28 Javascript

实例讲解jQuery EasyUI tree中state属性慎用

2016/04/01 Javascript

JavaScript队列、优先队列与循环队列

2016/11/14 Javascript

JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】

2016/12/12 Javascript

JavaScript实现简易的天数计算器实例【附demo源码下载】

2017/01/18 Javascript

js中的DOM模拟购物车功能

2017/03/22 Javascript

微信小程序实现图片上传、删除和预览功能的方法

2017/12/18 Javascript

vue父组件点击触发子组件事件的实例讲解

2018/02/08 Javascript

jQuery简单判断值是否存在于数组中的方法示例

2018/04/17 jQuery

vue使用ElementUI时导航栏默认展开功能的实现

2018/07/04 Javascript

Vue 实现简易多行滚动"弹幕"效果

2020/01/02 Javascript

JQuery事件委托(适用于给动态生成的脚本元素添加事件)

2020/02/01 jQuery

Python通过websocket与js客户端通信示例分析

2014/06/25 Python

在Python中用split()方法分割字符串的使用介绍

2015/05/20 Python

使用Python编写一个最基础的代码解释器的要点解析

2016/07/12 Python

Django应用程序中如何发送电子邮件详解

2017/02/04 Python

python实现redis三种cas事务操作

2017/12/19 Python

详细解读tornado协程(coroutine)原理

2018/01/15 Python

python批量从es取数据的方法(文档数超过10000)

2018/12/27 Python

python实现的按要求生成手机号功能示例

2019/10/08 Python

详解django使用include无法跳转的解决方法

2020/03/19 Python

Python语法垃圾回收机制原理解析

2020/03/25 Python

python 用struct模块解决黏包问题

2020/11/07 Python

HTML5 canvas标签实现刮刮卡效果

2015/04/24 HTML / CSS

医药大学生求职简历的自我评价

2013/10/17 职场文书

四好少年事迹材料

2014/01/12 职场文书

人民调解员培训方案

2014/06/05 职场文书

竞聘演讲稿怎么写

2014/08/28 职场文书

办理信用卡收入证明范例

2014/09/13 职场文书

Pycharm 如何设置HTML文件自动补全代码或标签

2021/05/21 Python

css布局巧妙技巧之css三角示例的运用

2022/03/16 HTML / CSS