2:在test.html文件内,使用p标签创建一行测试的内容,并创建两个空div标签。
3:在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行addPp()函数。
4:在函数内,通过获得p标签对象,使用appendTo方法将p标签追加到div中。
5:在函数内,再使用addClass方法给p标签添加一个class属性。
6:在浏览器打开test.html文件,点击按钮,查看结果。
jQuery 拥有若干进行 CSS *** 作的方法,对于class的设置有如下方法:addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换 *** 作
下面分别举例说明:
1、下面的例子展示如何向不同的元素添加 class 属性。
$("button").click(function(){
$("h1,h2,p").addClass("blue")
$("div").addClass("important")
})
2、下面的例子演示如何不同的元素中删除指定的 class 属性:
$("button").click(function(){
$("h1,h2,p").removeClass("blue")
})
3、下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换 *** 作:
$("button").click(function(){
$("h1,h2,p").toggleClass("blue")
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)