jQueryで取得した属性値:attr()、html()、text()、val()など(一)

2341 ワード



  
    01_basic.html
	
    
    
    
    
    
	
	
	
		/* 
		         ,  :
		$(function(){
		
		});
		    document       :
			        ,  html            (       
			  :           ,   js  window.onload     
			 ,         ,    :      )
		*/
		$(document).ready(function() {
			
			//   div1  html  (html   )
			$("#btn1").click(function()  {
				alert($("#div1").html()); 
			});
			
			//   div1      
			$("#btn2").click(function() {
				// alert($("#div1").text());
				//      class         ,      .divClass   
				//   jQuery   
				alert($(".divClass").text());
				
			});
			
			//   div1  title     
			
			$("#btn3").click(function() {
				// alert($("#div1").attr("title"));
				//      class         ,      .divClass   
				alert($(".divClass").attr("title"));
			});
			
			//   input     
			$("#btn4").click(function() {
				alert($("input").length);
			});
			
			//   div1   :text()、html()  ,  html          
			$("#btn5").click(function() {
				$("#div1").text("div       ");
				// $(".divClass").html("div       ");
			});
			
			//     div span   
			$("#btn6").click(function() {
				alert("div    :"+$("div1").text() + ", span    :"+$("span").text());
			});
		});
	
	
  
    
  
    

div






span