w3school学习7-jQuery CSS 操作
来源:互联网 发布:网络真人视频赌博揭秘 编辑:程序博客网 时间:2024/06/07 01:05
jQuery CSS 操作
jQuery 拥有三种用于 CSS 操作的重要函数:
- $(selector).css(name,value)
- $(selector).css({properties})
- $(selector).css(name)
CSS 操作实例
函数 css(name,value) 为所有匹配元素的给定 CSS 属性设置值:
实例
$(selector).css(name,value)$("p").css("background-color","red");
亲自试一试
函数 css({properties}) 同时为所有匹配元素的一系列 CSS 属性设置值:
实例
$(selector).css({properties})$("p").css({"background-color":"red","font-size":"200%"});
亲自试一试
函数 css(name) 返回指定的 CSS 属性的值:
实例
$(selector).css(name)$(this).css("background-color");
亲自试一试
jQuery Size 操作
jQuery 拥有两种用于尺寸操作的重要函数:
- $(selector).height(value)
- $(selector).width(value)
Size 操作实例
函数 height(value) 设置所有匹配元素的高度:
实例
$(selector).height(value)$("#id100").height("200px");
亲自试一试
函数 width(value) 设置所有匹配元素的宽度:
实例
$(selector).width(value)$("#id200").width("300px");
亲自试一试
jQuery CSS 函数 - 来自本页
CSS 属性 描述 $(selector).css(name,value)为匹配元素设置样式属性的值$(selector).css({properties})为匹配元素设置多个样式属性$(selector).css(name)获得第一个匹配元素的样式属性值$(selector).height(value)设置匹配元素的高度$(selector).width(value)设置匹配元素的宽度如需完整的参考手册,请访问我们的 jQuery CSS 函数参考手册。
jQuery CSS 操作
jQuery 拥有三种用于 CSS 操作的重要函数:
- $(selector).css(name,value)
- $(selector).css({properties})
- $(selector).css(name)
CSS 操作实例
函数 css(name,value) 为所有匹配元素的给定 CSS 属性设置值:
实例
$(selector).css(name,value)$("p").css("background-color","red");
亲自试一试
函数 css({properties}) 同时为所有匹配元素的一系列 CSS 属性设置值:
实例
$(selector).css({properties})$("p").css({"background-color":"red","font-size":"200%"});
亲自试一试
函数 css(name) 返回指定的 CSS 属性的值:
实例
$(selector).css(name)$(this).css("background-color");
亲自试一试
jQuery Size 操作
jQuery 拥有两种用于尺寸操作的重要函数:
- $(selector).height(value)
- $(selector).width(value)
Size 操作实例
函数 height(value) 设置所有匹配元素的高度:
实例
$(selector).height(value)$("#id100").height("200px");
亲自试一试
函数 width(value) 设置所有匹配元素的宽度:
实例
$(selector).width(value)$("#id200").width("300px");
亲自试一试
jQuery CSS 函数 - 来自本页
如需完整的参考手册,请访问我们的 jQuery CSS 函数参考手册。
- w3school学习7-jQuery CSS 操作
- w3school学习6-jQuery HTML 操作
- W3School's CSS学习笔记
- 学习css去w3school.cc
- w3School首次学习---Day01【CSS】
- W3school学习笔记之CSS
- w3school学习1-jQuery 语法
- w3school学习2-jQuery 选择器
- w3school学习3-jQuery 事件
- w3school学习4-jQuery 效果
- w3school学习9-jQuery 实例
- jQuery学习--jQuery CSS 操作
- jquery学习笔记2(W3School学习)
- w3school学习5-jQuery Callback 函数
- w3school学习8-jQuery AJAX 函数
- JQUERY学习之:CSS操作
- Jquery学习--HTML和CSS操作
- Jquery学习--HTML和CSS操作
- MFC控件大小随窗体改变而改变
- 总结@ 在C# 中的用法
- 选择排序
- 数列的排列组合求解
- MINI2440i2c驱动学习二
- w3school学习7-jQuery CSS 操作
- supersocket 调试
- MINI2440i2c驱动学习一
- 链表操作1
- Linux的页面回收与反向映射机制
- w3school学习8-jQuery AJAX 函数
- oracle 10g中的正则表达式
- web项目取得spring配置的数据源的简单实现方法
- JSP实现分页功能