JQuery学习系列(八)CSS
2012-06-19 15:37
309 查看
jQuery 拥有三种用于 CSS 操作的重要函数:
$(selector).css(name,value)
$(selector).css({properties})
$(selector).css(name)
jQuery 拥有两种用于尺寸操作的重要函数:
$(selector).height(value)
$(selector).width(value)
常见JQuery CSS函数:
$(selector).css(name,value)
$(selector).css({properties})
$(selector).css(name)
实例
$(selector).css(name,value) $("p").css("background-color","red");
$(selector).css({properties}) $("p").css({"background-color":"red","font-size":"200%"});
$(selector).css(name) $(this).css("background-color");
jQuery 拥有两种用于尺寸操作的重要函数:
$(selector).height(value)
$(selector).width(value)
实例
$(selector).height(value) $("#id100").height("200px");
$(selector).width(value) $("#id200").width("300px");
常见JQuery CSS函数:
CSS 属性 | 描述 |
---|---|
css() | 设置或返回匹配元素的样式属性。 |
height() | 设置或返回匹配元素的高度。 |
offset() | 返回第一个匹配元素相对于文档的位置。 |
offsetParent() | 返回最近的定位祖先元素。 |
position() | 返回第一个匹配元素相对于父元素的位置。 |
scrollLeft() | 设置或返回匹配元素相对滚动条顶部的偏移。 |
scrollTop() | 设置或返回匹配元素相对滚动条左侧的偏移。 |
width() | 设置或返回匹配元素的宽度。 |
相关文章推荐
- JQuery学习系列(九)AJAX
- [jQuery学习系列六]6-jQuery实际操作小案例
- CSS基础应用学习系列(2)——纯CSS工具提示
- JQuery学习笔记三:基础DOM和CSS操作
- [jQuery学习系列二 ]2-JQuery学习二-数组操作
- Jquery学习之旅之动态设置css属性和获取css属性
- JQuery学习笔记(六)——css操作、事件处理和动画
- JQuery学习系列(四)选择器
- 一步一步学习 JQuery (六) JQuery 的 html() & val() && CSS_DOM操作
- 3.精通前端系列技术之深入学习Jquery(一)
- CSS基础应用学习系列(3)——图像的CSS阴影效果
- CSS学习系列八:边框,边距与填充
- learning jQuery 学习笔记七(+jQuery 1.4.1 API)-- 效果-修改内联CSS
- a毛 jquery 学习记 5 基础DOM和CSS操作3
- jQuery 学习系列笔记(三)
- jQuery 学习系列笔记(三)(续)
- [jQuery学习系列三 ]3-JQuery学习二-字典操作
- HTML+CSS+jQuery 纵向导航 && 横向导航 && 消除IE6 BUG && 感悟怎样学习
- html+css+jquery倒计时、拖拽div、滚动条固定在低端、div自动换行、输入框不可写等免费小代码实用学习版.txt