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程序设计有所帮助。
相关文章
MVC Ajax Helper或Jquery异步加载部分视图
这篇文章主要介绍了MVC Ajax Helper或Jquery异步加载部分视图的相关资料,需要的朋友可以参考下2015-11-11
本文分享了利用jQuery实现的查看全文功能：文本内容少于四行，不显示查看全文；超过五行时才显示出来并有此功能；很实用，下面就跟小编一起来看看吧2016-12-12
jQuery为我们提供了方便的事件注册机制，它的优点，操作简单，且不用担心事件覆盖等问题。缺点，普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法2022-07-07
模拟jQuery中的ready方法及实现按需加载css,js实例代码
这篇文章介绍了模拟jQuery中的ready方法及实现按需加载css,js实例代码，有需要的朋友可以参考一下2013-09-09
这篇文章主要介绍了jQuery实现简单的tab标签页效果,涉及jQuery简单元素遍历与样式动态操作相关技巧,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了jquery表单对象属性过滤选择器,实例分析了jQuery选择器的相关使用技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了jQuery源码解读之removeAttr()方法分析,较为详细的分析了removeAttr方法的实现技巧,非常具有实用价值,需要的朋友可以参考下2015-02-02
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
网上发现一个很有意思的jQuery旋转插件，支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome，高级浏览器下使用Transform，低版本ie使用VML实现,感兴趣的朋友可以了解下2013-01-01
这篇文章主要介绍了jquery如何获取当前点击对象的value,需要的朋友可以参考下2014-02-02
一个基于jQuery的树型插件(OrangeTree)使用介绍
这个样式大家就将就一下吧！我将这个无限级树型插件命名为桔子树，需要的朋友可以参考下2012-05-05
最新评论