jQuery学习教程十六: jQuery
来源:互联网 发布:数据预处理的意义 编辑:程序博客网 时间:2024/06/07 16:23
jQuery css() 方法
css() 方法设置或返回被选元素的一个或多个样式属性。
返回 CSS 属性
如需返回指定的 CSS 属性的值,请使用如下语法:
css("propertyname");
下面的例子将返回首个匹配元素的 background-color 值:
实例
<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script><script>$(document).ready(function(){ $("button").click(function(){ alert("Background color = " + $("p").css("background-color")); });});</script></head><body><h2>这是标题</h2><p style="background-color:#ff0000">这是一个段落。</p><p style="background-color:#00ff00">这是一个段落。</p><p style="background-color:#0000ff">这是一个段落。</p><button>返回 p 元素的背景色</button></body></html>
设置 CSS 属性
如需设置指定的 CSS 属性,请使用如下语法:
css("propertyname","value");
下面的例子将为所有匹配元素设置 background-color 值:
实例
<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script><script>$(document).ready(function(){ $("button").click(function(){ $("p").css("background-color","yellow"); });});</script></head><body><h2>这是标题</h2><p style="background-color:#ff0000">这是一个段落。</p><p style="background-color:#00ff00">这是一个段落。</p><p style="background-color:#0000ff">这是一个段落。</p><p>这是一个段落。</p><button>设置 p 元素的背景色</button></body></html>
设置多个 CSS 属性
如需设置多个 CSS 属性,请使用如下语法:
css({"propertyname":"value","propertyname":"value",...});
下面的例子将为所有匹配元素设置 background-color 和 font-size:
实例
$("p").css({"background-color":"yellow","font-size":"200%"});
jQuery CSS 操作函数
下面列出的这些方法设置或返回元素的 CSS 相关属性。
0 0
- jQuery学习教程十六: jQuery
- jQuery学习教程二十六: jQuery
- jQuery学习 一 jQuery 教程
- jQuery学习教程十: jQuery
- jQuery学习教程十一: jQuery
- jQuery学习教程十二: jQuery
- jQuery学习教程十三: jQuery
- jQuery学习教程十四: jQuery
- jQuery学习教程十五: jQuery
- jQuery学习教程十七: jQuery
- 怎样学习jQuery,jQuery学习教程
- jQuery学习教程一: jQuery语法实例
- jQuery学习教程二:jQuery选择器
- jQuery学习教程三:jQuery 事件
- jQuery学习教程四:jQuery 效果
- jQuery学习教程五:jQuery 效果
- jQuery学习教程六: jQuery 效果
- jQuery学习教程七: jQuery 效果
- springmvc+hibernate报错expected at least 1 bean which qualifies as autowire candidate
- 对AI的理解及应用的思考
- Java中instanceof和isInstance区别详解
- Linux下安装Tomcat服务器和部署web应用
- Hibernate学习笔记之开发环境的配置
- jQuery学习教程十六: jQuery
- 我的WCF之旅(7):面向服务架构(SOA)和面向对象编程(OOP)的结合——如何实现Service Contract的继承
- 黑盒测试技术-决策表测试(Decision Table Testing)
- L2-012. 关于堆的判断
- 操作系统笔记
- 我的WCF之旅(8):WCF中的Session和Instancing Management
- springMVC通过Filter实现防止xss注入
- 一次完整的HTTP请求与响应涉及了哪些知识?
- spring中aop表达式的格式