`
y8820960
  • 浏览: 113316 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

(七)jquery总结:CSS

 
阅读更多

JQuery CSS 方法说明

css( name ) 访问第一个匹配元素的样式属性。
css( properties ) 把一个”名/值对”对象设置为所有匹配元素的样式属性。
$(”p”).hover(function () {
$(this).css({ backgroundColor:”yellow”, fontWeight:”bolder” });
}, function () {
var cssObj = {
backgroundColor: “#ddd”,
fontWeight: “”,
color: “rgb(0,40,244)”
}
$(this).css(cssObj);
});
css( name, value ) 在所有匹配的元素中,设置一个样式属性的值。
offset( ) 取得匹配的第一个元素相对于当前可视窗口的位置。返回的对象有2个属性,
top和left,属性值为整数。这个函数只能用于可见元素。
var p = $(”p:last”);
var offset = p.offset();
p.html( “left: ” + offset.left + “, top: ” + offset.top );
width( ) 取得当前第一匹配的元素的宽度值,
width( val ) 为每个匹配的元素设置指定的宽度值。
height( ) 取得当前第一匹配的元素的高度值,
height( val ) 为每个匹配的元素设置指定的高度值。

分享到:
评论

相关推荐

    Html_CSS_JS_Jquery总结.doc

    前端总结

    Jquery 1.4Api+CSS3.0+JSON简单用法中文文档

    Jquery 1.4Api+CSS3.0Api+JSON简单用法总结中文文档

    CSS高效开发实战

    全书包含大量的实战案例和开发技巧,总结了CSS开发中的非常好的实践方法(LESS、SASS、Bootstrap、Foundation、Node.js、jQuery),讨论了各种实际问题的解决方案,是一本目前市场上难得一见的CSS高效开发实战书。

    jquery+css3时钟效果

    这个是总结自网络的一个基于jquery和css的一个网页上的模拟时钟效果。

    基于jquery animate操作css样式属性小结

    昨天突然有网友问我animate()方法可以...css中的不是所有属性都可以用Jquery动画(animate函数)来动态改变,下面总结了JQ可以操作元素的一些属性: * backgroundPosition * borderWidth * borderBottomWidth * b

    web前端html、css、css3、js、jquery、vue总结.pdf

    前端知识图谱总结,html、css、css3、js、jquery、vue、h5新增

    JQuery教程自学笔记总结

    JQuery教程自学笔记总结 1 一、概述 4 二、JQuery技术综述 5 2.1 JQuery基本语法 5 2.1.1 JQuery选择器 6 2.2 JQuery事件响应 8 2.2.1 常见的JQuery事件 9 2.2.2 淡入淡出效果 12 2.2.3 滑动效果 15 2.2.4 ...

    Bootstrap与jQuery UI框架设计(前端开发工程师系列)

    本章总结 本章作业 第2章 Bootstrap布局 1 Bootstrap的结构 1.1 使用栅格系统 1.1.1 绘制栅格 1.1.2 栅格系统的列偏移 操作案例1:制作音乐网站首页 1.1.3 栅格系统的列交换 1.1.4 栅格系统的嵌套 1.2 响应式栅格 ...

    jQuery总结.docx

    jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。... CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 提供大量的插件

    JQuery学习总结

    jQuery库包含以下功能: HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和动画、HTML DOM 遍历和修改、AJAX、Utilities 提示: 除此之外,Jquery还提供了大量的插件。

    利用HTML5+css3+jquery+weui实现仿微信聊天界面功能

    最新因项目需要,就利用HTML5+css3+jquery+weui做了一个仿微信聊天界面功能,可以发微信表情,查看图片、视频…         由于代码较长,小编打包了。需要的朋友点击下载。 具体代码如下所示: ...

    jquery包.zip

    jquery设计的宗旨是“write Less,Do More”(即倡导写更少的代码,做更多的事情),其核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有...

    上课用CSS实验总结

    上课用CSS实验总结,包括不同浏览器显示文字不一致,文字排版,表格应用,简单布局,在vs环境中登录界面布局、母版应用、网站地图、jqueryUI应用实例

    jQuery学习资料

    六,修改CSS样式 34 七.获取常用属性 35 八.总结 39 从零开始学习jQuery (五) 事件与事件对象 40 一.摘要 40 二.前言 40 三.事件与事件对象 40 四. jQuery中的事件 43 五.常用事件函数举例 46 六.快捷事件 Event ...

    jquery中文手册.chm

    jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF ...

    JQuery_1.5API中文参考手册

    jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的CSS选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF ...

    Jquery选择器总结

    在学习前端对CSS和的Jquery选择器的总结,内容对学习Jquery很有帮助

    JQuery核心用法快速查询文档

    jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF ...

    jquery.1.11.1.js 和 jquery.1.11.1.min.js

    jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF ...

    jquery设置css样式的多种方法(总结)

    下面小编就为大家带来一篇jquery设置css样式的多种方法(总结)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

Global site tag (gtag.js) - Google Analytics