上昇ブログ

people for the living

javascriptでこう書いてたのが、jqueryだとこう書ける

  • 従来のjavascriptの書き方
<script type="text/javascript">
function hello() {
   alert("hello dayo");
}
</script>
<body>
<input type="button" onClick="hello()" value="hello" name="" />
</body>
  • jqueryを使った書き方(onClickをいちいち書かなくて済みます)
<script type="text/javascript" src="jquery-2.1.4.min.js" /></script>
<script type="text/javascript">
$(function(){
   $("#liaddid").click(function(){
       $("ul").append("<li>Uchida!!</li>");
   });
});
</script>
<body>
<input type="button" value="li追加ボタン" name="" id="liaddid" />
</body>