当前位置:首页 » jQuery » jQuery学习笔记之jQuery的CSS操作 » 正文


jQuery学习笔记之jQuery的CSS操作

发布日期:2015-05-03 09:17   来源:谭海波   本文永久链接
摘要:大家好,今天我来跟大家分享一下关于jQuery中CSS的操作,CSS是WEB标准的重要组成部分,所以jQuery没有理由不提供CSS操作的方法啊。 看过谭海波博客的jQuery Online的示例会发现,基本上每个例子都用到了css方法,那是因为我想通过设置显眼的样式,来显示……

大家好,今天我来跟大家分享一下关于jQuery中CSS的操作,CSS是WEB标准的重要组成部分,所以jQuery没有理由不提供CSS操作的方法啊。

看过谭海波博客的jQuery Online的示例会发现,基本上每个例子都用到了css方法,那是因为我想通过设置显眼的样式,来显示效果。

CSS的操作方法主要有两个,一个是css(),另外一个是jQuery.cssHooks。第一个比较简单了,就是直接往里面添加css样式了,再没看jQuery手册之前,我的方法比较笨,是几个css样式连起来用的,比如(.css(‘background’,‘#c00’).css(‘color’,’#fff’)),事实上CSS操作和属性操作一样,提供了群组设置的方法(.css({‘background’:’#c00’,’color’:’#fff’}))。

jQuery提供了四个获取CSS位置的方法,分别是offset(),它有两个属性,一个是top,一个是left,意思就是获取元素的offsetTop和offsetLeft属性了;position(),获取元素的定位属性,它和offset()方法一样,也是有top和left两个属性,用处就不用多说了吧。最后两个是scrollTop()和scrollLeft(),分别用于获取元素的滚动高度和滚动宽度了。

好了,今天就分享到这里吧,下次就跟大家分享一下jQuery的文档处理。



关注谭海波博客官方微信公众平台
文章分类jQuery
文章标签:
本文永久链接:http://tanhaibo.net/2015/05/jquery-css.html
转载提示:除非注明,谭海波博客的文章均为原创,转载请以链接形式注明作者和出处。谢谢合作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注