01-05-JQuery-Selector.html

<html>

<head>

	<script src="jquery-2.1.3.min.js"></script>
	<script>
	
	$(document).ready(function(){
	
		$("#button1").click(function(){
			if($("p").is(":visible")){
				$("p").hide();
			}else{
				$("p").show();
			}
		});
	
		$("#button2").click(function(){
			if($(".myclass").is(":visible")){
				$(".myclass").hide();
			}else{
				$(".myclass").show();
			} 
		});
		
		$("#button3").click(function(){
			if($("#myid1").is(":visible")){
				$("#myid1").hide();
			}else{
				$("#myid1").show();
			} 			 
		});
		
	});
	
	</script>
</head>

<body>
	
	<h1> JQuery Se�ici </h1>
	
	<p id="myid1" class="myclass"> �lk Paragraf. �lk Paragraf. �lk Paragraf. �lk Paragraf. �lk Paragraf. �lk Paragraf. �lk Paragraf. �lk Paragraf. �lk Paragraf.  </p>
	<p id="myid2" class="myclass"> �kinci Paragraf. �kinci Paragraf. �kinci Paragraf. �kinci Paragraf. �kinci Paragraf. �kinci Paragraf. �kinci Paragraf.  </p>
	<p id="myid3" > ���nc� Paragraf. ���nc� Paragraf. ���nc� Paragraf. ���nc� Paragraf. ���nc� Paragraf. ���nc� Paragraf. ���nc� Paragraf.  </p>

	<button id="button1"> Bas Etiket </button>
	
	<button id="button2"> Bas S�n�f </button>
	
	<button id="button3"> Bas Kimlik</button>
	
</body>

</html>
Dosyayı İndir
01-05-JQuery-Selector.html

Bu Sayfayı Paylaş:

Bu Sayfayı Paylaş:

İletişim Bilgileri

Takip Et
