本文实例讲述了jQuery给元素添加样式的方法。分享给大家供大家参考,具体如下:

$//获取ID为tow的class属性$.attr//设置Id为two的class属性。

2、追加样式复制代码
代码如下:$.addClass//为ID为two的对象追加样式divClass2

$.removeClass//移除 ID为two的对象的class名为divClass的样式。$.removeClass//移除多个样式。

数据解读jQuery给元素添加样式的方法详解-Web前端之家。4、切换类名复制代码
代码如下:$.toggleClass //重复切换anotherClass样式

5、判断是否含有某项样式复制代码
代码如下:$.hasClass.is;

6、获取css样式中的样式复制代码
代码如下:$//设置color属性值. $

设置单个样式复制代码 代码如下:$.css

$.css({fontSize:"30px",color:"red"})$.css==$$.css==$

7.offset()方法

它的作用是获取元素在当前视窗的相对偏移,其中返回对象包含两个属性,即top和left

注意:只对可见元素有效。

var offset=$;var left=offset.left; //获取左偏移var top=offset.top; //获取右偏移

8、position()方法

它的作用是获取元素相对于最近的一个position样式属性设置为relative或者absolute的祖父节点的相对偏移,与offset()一样,它返回的对象也包括两个属性即top和left。

9、scrollTop方法

$; //获取元素的滚动条距顶端的距离。$; //获取元素的滚动条距左侧的距离。

10、jQuery中的 toggle和slideToggle
方法,都可以实现对一个元素的显示和隐藏。区别是:

toggle:动态效果为从右至左。横向动作。slideToggle:动态效果从下至上。竖向动作。

比如想实现一个树由下至上收缩的动态效果,就使用slideToggle就ok了。

$.attr//将input元素设置为readonly$.attr//去除input元素的readonly属性$.attr//将input元素设置为disabled$.attr//去除input元素的disabled属性

希望本文所述对大家jQuery程序设计有所帮助。

相关文章

网站地图xml地图