本文演示了jQuery使用的set元素样式用法,供大家参考,具体分析如下:

CSS是一个页面,不可分割的一部分,jQuery提供了一些CSS相关的实用方法,在前面的文章中,你用addClass()添加CSS样式风格的元素。这是jQuery如何设置页面风格的主要描述,包括添加、删除、动态开关,等。

1。添加和删除CSS类别。

复制代码代码如下:$(函数(){())

同时添加多个CSS类别

$(img)。AddClass(CSS1 CSS2 );

});

例如,上面的代码中添加了两个CSS1和CSS2样式的img元素

removeClass对应的节点的方法,并且没有重复的例子。

2。类别间动态切换。

很多时候,根据用户的操作状态,我们希望某些元素的样式和风格可以在某些类别之间切换。有时,addClass()类和removeClass()类和Jq提供一个直接的toggleclass(名字)类似的行动。

复制代码代码如下:$(函数(){())

$(p)。Click(函数(){)

$(这)。ToggleClass(CSS1 );

})

});

当上面的代码实现了P元素的点击,在CSS1风格不断切换,toggleclass(名字)模式只能设置一个CSS类。多个CSS无法接通。

三.直接获取和设置样式。

类似attr()方法,jQuery提供了CSS()直接获取和设置元素的风格样式的方法,如使用CSS(名字)得到的造型价值的一些风格。通过CSS设置各种款式(属性)列表和设置一些风格元素的CSS(名称,价值)。

例如,颜色标记是通过设置鼠标mouseover和mouseout事件触发的CSS修改(名称,价值)。

复制代码代码如下:$(函数(){())

$(p)。Mouseover(function(){)

美元(这个)。Css(颜色)

});

$(p)。Mouseout(function(){)

美元(这个)。Css(颜色)

});

});

CSS方法提供了不透明度属性,并兼容各种浏览器。

与前面的示例一样,p元素的透明值可以通过鼠标事件设置。

复制代码代码如下:$(函数(){())

$(p)。Mouseover(function(){)

$(这个)Css(不透明)

});

$(p)。Mouseout(function(){)

$(这个)Css(不透明)

});

});

In addition, the hasClass (name) method is provided in CSS to determine whether an element is set up for a certain CSS category.Returns the Boolean value.For example:

复制代码如下:$(李:去年)。HasClass(CSS1 )

无论是CSS属性表示过去里包含CSS1班。

复制代码如下:$(李:去年),(。CSS1 )

代码效果完全相同。

在jQuery的源代码,这hasclass方法是转移的是()方法。

复制代码代码如下:hasclass:功能(选择){

返回这个(,+选择器);

}

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