您好!欢迎访问家园网-www.jy.wang!

家园网

addClass()

网络 作者:本站 点击:
<script type="text/javascript" src="JS/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$("input[type=button]").click(function(){ //绑定按钮的单击事件
		$("div,#span").addClass("change");    //添加所使用的CSS类
	});
});
</script>

这里的addClass是啥?是固定的用法吧,不是自定义的吧,讲一下

addClass() 是 jQuery 中用于向被选元素添加一个或多个 CSS 类的内置方法。

该方法不会移除已存在的 class 属性,仅仅是在现有类的基础上添加新的类。

该方法的基本语法是 $(selector).addClass("className")。

当需要添加多个类时,类名之间需用空格分隔,格式为 addClass("className1 className2 classNamen")

在您提供的代码示例中,$("div,#span").addClass("change") 表示当按钮被点击时,

为所有 div 元素和 id 为 span 的元素添加名为 change 的 CSS 类。

是一个标准用法而非自定义功能。

所有 jQuery 代码建议在 DOM 加载完成后执行,通常使用 $(document).ready() 或其简写形式 $(function(){})

标签: