JavaScript Tutorial/jQuery/toggleClass — различия между версиями
Admin (обсуждение | вклад) м (1 версия) |
|
(нет различий)
|
Текущая версия на 11:25, 26 мая 2010
30. toggleClass(class) adds the specified class if it is not present, removes the specified class if it is present.
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").click(function () { $("p").toggleClass("highlight"); }); }); </script> <style> .selected { color:red; } .highlight { background:yellow; } </style> </head> <body> <body>
Hello
</body>
</html></source>
30. ToggleClass function
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").click(function () { $(this).toggleClass("blue"); }); }); </script> </head> <style> .blue { color:blue; } </style> <body> <body>
A
</body>
</html></source>
30. Toggle DIV color
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#run").click(function(){ $("div").toggleClass("colored"); });
}); </script> <style> div { background:yellow; width:80px; height:80px; margin:5px; float:left; } div.colored { background:green; } </style> </head> <body> <button id="run">Run</button>
asdf
asdf
asdf
</body>
</html></source>