addClass
为每个匹配的元素添加指定的类名。
removeClass
为每个匹配的元素移除指定的类名。
- <SCRIPT LANGUAGE="JavaScript">
- <!--
- $(document).ready(function() {
- $("div").addClass("redborder");//当页面加载完成后给每个div标签 加上 redborder样式
- $("div").click(function(){
- $(this).removeClass("redborder");//当鼠标单击div标签的时候 移除当前div标签的redborder样式
- })
- })
- //-->
- </SCRIPT>
- $("div").addClass("redborder");//当页面加载完成后给每个div标签 加上 redborder样式
- $(this).removeClass("redborder");//当鼠标单击div标签的时候 移除当前div标签的redborder样式
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>jquery基础教程二(demo鼠标点击事件)</title>
- <script language="javascript" src="jquery.js"></script>
- <style>
- .redborder{border:2px dashed #ff0000 }
- </style>
- <SCRIPT LANGUAGE="JavaScript">
- <!--
- $(document).ready(function() {
- $("div").addClass("redborder");
- $("div").click(function(){
- $(this).removeClass("redborder");
- })
- })
- //-->
- </SCRIPT>
- </head>
- <body>
- <div>jquery基础教程二(demo鼠标点击事件)1</div>
- <div>jquery基础教程二(demo鼠标点击事件)2</div>
- </body>
- </html>