コメント |
@DIV
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery テンプレート</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
<script type="text/javascript">
// ***********************************************
// 画面初期化後のイベント( jQuery )
// ***********************************************
$(function() {
$("#buttonContent")
.attr("type", "button")
.val("ボタン")
.css({
"font-size": "20px",
"background-color": "orange",
"font-weight": "bold",
"border-radius": "10px"
})
.click(function(){
console.log("ボタンがクリックされました");
});
});
</script>
</head>
<body>
<input id="buttonContent">
</body>
</html>
@END |