jquery基础教程三(css的操作之addClass和removeClass)

addClass

为每个匹配的元素添加指定的类名。

removeClass

为每个匹配的元素移除指定的类名。





$("div").addClass("redborder");//当页面加载完成后给每个div标签 加上 redborder样式

$(this).removeClass("redborder");//当鼠标单击div标签的时候 移除当前div标签的redborder样式

这里我们注意$(this) 因为jquery 选择器 都是返回当前对象,通过$("div") 我们是给页面所有的div标签都绑定了click事件 而$(this) 即使当前鼠标单击的标签对象

jquery基础教程二（demo鼠标点击事件）1

jquery基础教程二（demo鼠标点击事件）2

程序演示:

addClass

为每个匹配的元素添加指定的类名。

removeClass

为每个匹配的元素移除指定的类名。





$("div").addClass("redborder");//当页面加载完成后给每个div标签 加上 redborder样式

$(this).removeClass("redborder");//当鼠标单击div标签的时候 移除当前div标签的redborder样式

这里我们注意$(this) 因为jquery 选择器 都是返回当前对象,通过$("div") 我们是给页面所有的div标签都绑定了click事件 而$(this) 即使当前鼠标单击的标签对象

jquery基础教程二（demo鼠标点击事件）1

jquery基础教程二（demo鼠标点击事件）2

程序演示:

addClass

为每个匹配的元素添加指定的类名。

removeClass

为每个匹配的元素移除指定的类名。





$("div").addClass("redborder");//当页面加载完成后给每个div标签 加上 redborder样式

$(this).removeClass("redborder");//当鼠标单击div标签的时候 移除当前div标签的redborder样式

这里我们注意$(this) 因为jquery 选择器 都是返回当前对象,通过$("div") 我们是给页面所有的div标签都绑定了click事件 而$(this) 即使当前鼠标单击的标签对象

jquery基础教程二（demo鼠标点击事件）1

jquery基础教程二（demo鼠标点击事件）2

程序演示: