Yanor.net/
Wiki
Blog
GitHub
Sandbox
開始行:
* CSS [#g9482a88]
** 設定・取得 [#aaf9bdb0]
$('span').css('fontSize', '16px');
var size = $('span').css('fontSize');
** まとめて設定 [#c6f9841d]
$('span').css({
font-size: "16px",
color: "red"
});
** CSSクラスの追加・削除 [#mf8121e2]
$('span').addClass('color-red');
$('span').removeClass('font-big');
** トグル [#h366f718]
<!DOCTYPE html>
<html>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"...
<style type="text/css">
.highlight { background: yellow; }
</style>
<script>
$(function(){
$("#div").on("click", function(){
$(this).toggleClass("highlight");
});
});
</script>
<body>
<div id="div">HELLO</div>
</body>
</html>
終了行:
* CSS [#g9482a88]
** 設定・取得 [#aaf9bdb0]
$('span').css('fontSize', '16px');
var size = $('span').css('fontSize');
** まとめて設定 [#c6f9841d]
$('span').css({
font-size: "16px",
color: "red"
});
** CSSクラスの追加・削除 [#mf8121e2]
$('span').addClass('color-red');
$('span').removeClass('font-big');
** トグル [#h366f718]
<!DOCTYPE html>
<html>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"...
<style type="text/css">
.highlight { background: yellow; }
</style>
<script>
$(function(){
$("#div").on("click", function(){
$(this).toggleClass("highlight");
});
});
</script>
<body>
<div id="div">HELLO</div>
</body>
</html>
ページ名:
