Rumah > Artikel > hujung hadapan web > 怎样使用jquery toggleClass()属性制作文章段落更改背景颜色
这次给大家带来怎样使用jquery toggleClass()属性制作文章段落更改背景颜色,使用jquery toggleClass()属性制作文章段落更改背景颜色的注意事项有哪些,下面就是实战案例,一起来看一下。
定义和用法
toggleClass() 方法对添加和移除被选元素的一个或多个类进行切换。
该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。
然而,通过使用 "switch" 参数,您能够规定只删除或只添加类。
语法
$(selector).toggleClass(classname,function(index,currentclass),switch)
参数 | 描述 |
---|---|
classname | 必需。规定添加或移除的一个或多个类名。如需规定若干个类,请使用空格分隔类名。 |
function(index,currentclass) | 可选。规定返回需要添加/删除的一个或多个类名的函数。
|
switch | 可选。布尔值,规定是否仅仅添加(true)或移除(false)类。 |
用法简介:
jQuery制作文章段落更改背景颜色属性jquery toggleClass()属性。
效果图如下所示:
效果展示 源码下载
文件引用:
<script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").click(function(){ $("p").toggleClass("main"); }); }); </script>
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
怎样使用nodejs express配置自签名https服务器
Atas ialah kandungan terperinci 怎样使用jquery toggleClass()属性制作文章段落更改背景颜色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!