jQuery/click()

解説クリック時のアクションを指定

sample1

---

sample1code

$(function() {
  var a = 0;
  $("#sample1Btn").click(function() {
    a++;
    $("#sample1p").text("クリック回数" + a + "回");
  });
});

sample2

---

sample2code

$(function(){
  $("#sample2Btn").click(function(){
	$("#sample2p").text("クリックされました").css(
	  {color:"red", fontSize:"30px",textShadow:"1px 2px white"})
	.fadeIn(1000).fadeOut(1000).slideDown(1000).slideUp(1000);
  });
});

sample3

element1

sample3code

$(function(){
  $("#sample3Btn").click(function(){
  	$("#sample3Div p").toggle();
  });
});

sample4

sample4code

$(function(){
  $("#sample4Btn").click(function(){
    $("fieldset").toggleClass("sample4Class");
  });
});