jQuery addClass() 方法

addClass()方法可以向被选元素添加一个或多个类。

1.添加一个类

语法格式：

       addClass("className");

示例：

    <style>.one {width: 100px;height: 100px;background-color: rgba(14, 216, 98, 0.664);}</style><script src="jQuery.js"></script><script>$(document).ready(function(){$('.box').addClass("one");});</script>
</head><body><div class="box"></div>
</body>

效果图：

2.添加多个类

语法格式：

       addClass("className1 className2 classNamen");

注意：多个类名之间以空格隔开

示例：

    <style>.one {width: 100px;height: 100px;background-color: rgba(14, 216, 98, 0.664);}.two {border: 3px solid #333;}</style><script src="jQuery.js"></script><script>$(document).ready(function(){$('.box').addClass("one two");});</script>
</head><body><div class="box"></div>
</body>

效果图：

jQuery addClass() 方法相关推荐

jQuery addClass
jQuery addClass function is used to add one or more specified classes to the matched DOM elements. j ...
jquery中AddClass()方法问题
jquery中AddClass()方法要求对应的元素中不能不能有style属性设置,否则无法设置新css显示类,例如> $("img").hover(function () ...
jQuery 事件方法大全
Dom : Attribute:$("p").addClass(css中定义的样式类型); 给某个元素添加样式$("img").attr({src:" ...
JQuery Attributes 方法说明
转:http://blog.sina.com.cn/s/blog_5ea2cb7e0100c4cx.html JQuery Attributes 方法说明(2009-02-17 01:02:33) 标 ...
jQuery本身方法（$.each,$.map,$.contains,$ajax）
常用工具方法 (1)$.trim $.trim方法用于移除字符串头部和尾部多余的空格. $.trim(' Hello ') // Hello (2)$.contains $.contains方法返回一 ...
jquery on方法原理_jQuery 学习小结
jQuery 学习小结相较于原生 JS,jQuery 通过 API 接口写更少的代码,做更多的事情.虽然这个元老级别的技术库的使用率已经渐渐在减少了,不过了解其原理和用法还是很有用的. jQuery ...
jQuery$工具方法及其属性
---目录--- 1.jQuery工具方法: 2.jQuery属性: 3.jQuery隔行换色案例: 4.jQuery全选功能案例: 一.$工具方法 1.1 我们来看看用$工具方法[$.each()] ...
JQuery基本操作 JQueryCSS操作 JQuery筛选选择器 JQuery筛选方法 JQuery效果
JQuery 基本使用原生JS获取的对象就是DOM对象 JQuery方法获取的元素是JQuery对象 (伪数组形式存储) 不能使用原生Js的属性和方法 DOM对象转换为 JQuery 对象 $ ...
jQuery常见方法汇总
jQuery常见方法一.遍历筛选元素的方法 find() children() siblings() first() eq() parent() filter() end() has() prev( ...

jQuery addClass() 方法

jQuery addClass() 方法相关推荐

最新文章

热门文章