jQuery学习笔记 操作jQuery对象 CSS处理

 更新时间:2012年09月19日 20:50:12   作者:  
在对class属性的操作中,实际上已经改变元素样式了,但这些都是根据已设定的CSS规则间接生效的。因此我们有必要使用更为直接的方式来改变原先设定好了的CSS规则

CSS基本属性处理

方法

描述

css(name)

获取元素上CSS规则中name属性值

css(name,value)

css(name,fn(index,value))

css({name1:value1,…,nameN:valueN})

设置元素上CSS规则name属性的值为value,也可使用函数参数,不解释;还可以一次性为同一元素设置多个CSS属性

CSS尺寸属性处理

方法

描述

height()

获取元素CSS属性height的值

width()

获取元素CSS属性width的值。这两个方法获取的是元素在页面中的实际高度宽度值,多用于数学运算,比较方便

innerHeight()

获取元素内部区域(包括内边距padding)的实际高度值

innerWidth()

获取元素内部区域的实际宽度值

outerHeight()

获取元素外部区域(包括内边距padding、边框border)的实际高度值

outerWidth()

获取元素外部区域的实际宽度值。若需计入外边距margin,可以传入一个true参数,即outerHeight(true)或outerWidth(true)

CSS位置属性处理

方法

描述

offset()

offset(coord)

offset(fn(index,coord))

获取元素在当前视窗的相对偏移,返回一个包含top和left属性的对象。比如$(“p”).offset().top。该方法只对可见元素有效。也可设置偏移值,注意coord也是个对象,比如$(“p”).offset({“top”:40,”left”:15})

position()

获取元素相对最近定位祖先元素的偏移值,同样返回一个包含top和left属性的对象。

scrollTop()

scrollTop(value)

获取垂直滚动条相对于该元素最顶端的偏移值

scrollLeft()

scrollLeft(value)

获取水平滚动条相对于该元素最左端的偏移值。两方法都可设置值,默认单位px,若value为负值则滚动条移动到最顶端或最左端;若value超出最大值则移动到最底端或最右端

相关文章

  • jQuery 开天辟地入门篇一

    jQuery 开天辟地入门篇一

    这篇jquery入门的文章,确实不错,前提是大家已经对js稍微熟悉一点即可能看懂,非常不错的jquery入门篇文章。
    2009-12-12
  • JQuery中extend使用介绍

    JQuery中extend使用介绍

    这篇文章主要介绍了JQuery中extend怎么使用,需要的朋友可以参考下
    2014-03-03
  • 使用jQuery Mobile框架开发移动端Web App的入门教程

    使用jQuery Mobile框架开发移动端Web App的入门教程

    jQuery Mobile是移动端的基于jQuery的Web前端开发框架,移动设备上的浏览器对HTML5的支持普遍较强,因而jQuery Mobile的UI设计主要针对HTML5,下面就来详细看一下使用jQuery Mobile框架开发移动端Web App的入门教程
    2016-05-05
  • 基于jQuery的checkbox全选问题分析

    基于jQuery的checkbox全选问题分析

    这篇文章主要介绍了基于jQuery的checkbox全选问题,结合实例形式分析了jQuery实现全选功能中遇到的问题与相应的解决方法,需要的朋友可以参考下
    2016-11-11
  • 基于JQuery的多标签实现代码

    基于JQuery的多标签实现代码

    最近在学习JQuery,其实也不叫学习,很久以前就学过,只是有一段时间没用,有些生疏了,于是就做几个小例子来练习练习,为了方便以后查找就将这些小示例记录下来
    2012-09-09
  • jQuery团购倒计时特效实现方法

    jQuery团购倒计时特效实现方法

    这篇文章主要介绍了jQuery团购倒计时特效实现方法,可实现相对固定时间的倒计时效果,非常具有实用价值,需要的朋友可以参考下
    2015-05-05
  • jquery动感漂浮导航菜单代码分享

    jquery动感漂浮导航菜单代码分享

    这篇文章主要为大家详细介绍了jquery动感漂浮导航菜单特效,菜单可以实现上下浮动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-08-08
  • jquery实现鼠标滑过小图时显示大图的方法

    jquery实现鼠标滑过小图时显示大图的方法

    这篇文章主要介绍了jquery实现鼠标滑过小图时显示大图的方法,涉及图片及鼠标操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • jQuery中RadioButtonList的功能及用法实例介绍

    jQuery中RadioButtonList的功能及用法实例介绍

    RadioButtonList的使用想必大家都有所解除,本文为以示例的方式为大家详细介绍下其功能及用法,感兴趣的朋友可以参考下
    2013-08-08
  • jQuery鼠标事件汇总

    jQuery鼠标事件汇总

    鼠标事件是指用户在移动鼠标光标或者点击任意鼠标键时触发的事件,jQuery中封装了基本上所有的鼠标事件包括点击,双击,移动等鼠标事件,下面我们就来看下这些事件的语法和用法
    2015-08-08

最新评论