jQuery使用CSS()方法给指定元素同时设置多个样式
更新时间：2015年03月26日 08:53:46 作者：上大王
这篇文章主要介绍了jQuery使用CSS()方法给指定元素同时设置多个样式的方法,实例分析了jQuery中css方法的使用技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
Chosen 是一个JavaScript插件，它能让丑陋的、很长的select选择框变的更好看、更方便。目前，它支持 jQuery 和 Prototype 两种JavaScript引擎。2012-05-05
为了避免和美工冲突，对特定操作对象加上id标识，美工不大改也没什么问题。2011-01-01
jquery load()在firefox(火狐)下显示不正常的解决方法
觉得应该是由于 直接将www.baidu.com的内容放到div中,对于较严格的FireFox可能不会处理用cssviewter查看处理后的页面源码果然发现div中为空2011-04-04
在Web开发中,有时候我们需要在特定情况下将按钮置灰并设置为不可用状态,以防止用户重复点击或者暂时禁止某些操作,本文将介绍如何使用jQuery来实现这一效果,感兴趣的朋友跟着小编一起来看看吧2024-09-09
jquery 实现的改变颜色与背景的代码 change(fontsize,background)补充2
change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。2010-05-05
客户端的抖动,快速操作,网络通信或者服务器响应慢,都容易造成服务器重复处理,这篇文章主要给大家介绍了关于jquery项目中如何防重复提交的相关资料,需要的朋友可以参考下2021-11-11
这篇文章主要介绍了jQuery中prop()方法用法,以实例形式较为详细的分析了prop()方法的功能、定义及获取或者设置匹配元素属性值的各种常见使用技巧,需要的朋友可以参考下2015-01-01
jQuery插件select2利用ajax高效查询大数据列表（可搜索、可分页）
select2是一款jQuery插件，是普通form表单select组件的升级版。 接下来通过本文给大家介绍jQuery插件select2利用ajax高效查询大数据列表（可搜索、可分页），需要的的朋友参考下吧2017-05-05
下面小编就为大家带来一篇浅谈jQuery为哪般去掉了浏览器检测。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
jquery ui dialog ie8出现滚动条的解决方法
jquery ui 的 dialog 在IE8下会出现不该出现的滚动条,在JQUI的FORUM上SEARCH下,发现也有人碰上,当解决办法就是把滚动条隐藏2010-12-12
最新评论