jQuery設定とHTML、テキスト、値の取得の簡単な例

 
  
 
  <br> //<![CDATA[ 
  <br>  $(function(){ 
  <br>      //  <p>   HTML   
  <br>      $("input:eq(0)").click(function(){ 
  <br>            alert(  $("p").html() ); 
  <br>      }); 
  <br>      //  <p>      
  <br>      $("input:eq(1)").click(function(){ 
  <br>            alert(  $("p").text() ); 
  <br>      }); 
  <br>      //  <p>   HTML   
  <br>      $("input:eq(2)").click(function(){ 
  <br>             $("p").html("<strong>        ?</strong>"); 
  <br>      });    
  <br>       //  <p>      
  <br>      $("input:eq(3)").click(function(){ 
  <br>             $("p").text("        ?"); 
  <br>      });  
  <br>      //  <p>      
  <br>      $("input:eq(4)").click(function(){ 
  <br>             $("p").text("<strong>        ?</strong>"); 
  <br>      });  
  <br>      //     value  
  <br>      $("input:eq(5)").click(function(){ 
  <br>             alert( $(this).val() ); 
  <br>      });   
  <br>      //     value  
  <br>      $("input:eq(6)").click(function(){ 
  <br>            $(this).val("     !"); 
  <br>      });  
  <br>  }); 
  <br>  //]]> 
  <br>   
  
 
 

 
  
 
  <br> //<![CDATA[ 
  <br>  $(function(){ 
  <br>      $("#address").focus(function(){         //           
  <br>            var txt_value =  $(this).val();   //           
  <br>            if(txt_value=="       "){  
  <br>                $(this).val("");              //       ，         
  <br>            } 
  <br>      }); 
  <br>      $("#address").blur(function(){          //           
  <br>              var txt_value =  $(this).val();   //           
  <br>            if(txt_value==""){ 
  <br>                $(this).val("       ");//       ，      
  <br>            } 
  <br>      }) 
  <p></p> 
  <p>      $("#password").focus(function(){<br>            var txt_value =  $(this).val();<br>            if(txt_value=="       "){<br>                $(this).val("");<br>            } <br>      });<br>      $("#password").blur(function(){<br>              var txt_value =  $(this).val();<br>            if(txt_value==""){<br>                $(this).val("       ");<br>            } <br>      })<br>  });<br>  //]]><br>  
 
 

 
  
 
  <br> //<![CDATA[ 
  <br>  $(function(){ 
  <br>      $("#address").focus(function(){         //           
  <br>            var txt_value =  $(this).val();   //           
  <br>            if(txt_value==this.defaultValue){  
  <br>                $(this).val("");              //       ，         
  <br>            } 
  <br>      }); 
  <br>      $("#address").blur(function(){          //           
  <br>              var txt_value =  $(this).val();   //           
  <br>            if(txt_value==""){ 
  <br>                $(this).val(this.defaultValue);//       ，      
  <br>            } 
  <br>      }) 
  <p></p> 
  <p>      $("#password").focus(function(){<br>            var txt_value =  $(this).val();<br>            if(txt_value==this.defaultValue){<br>                $(this).val("");<br>            } <br>      });<br>      $("#password").blur(function(){<br>              var txt_value =  $(this).val();<br>            if(txt_value==""){<br>                $(this).val(this.defaultValue);<br>            } <br>      })<br>  });<br>  //]]><br>  
 
 

 
  
 
  <br> //<![CDATA[ 
  <br>  $(function(){ 
  <br>      //          
  <br>      $("input:eq(0)").click(function(){ 
  <br>            $("#single").val("2"); 
  <br>      }); 
  <br>      //          
  <br>      $("input:eq(1)").click(function(){ 
  <br>            $("#multiple").val(["  2 ", "  3 "]); 
  <br>      }); 
  <br>      //            
  <br>      $("input:eq(2)").click(function(){ 
  <br>             $(":checkbox").val(["check2","check3"]); 
  <br>            $(":radio").val(["radio2"]); 
  <br>      });    
  <p></p> 
  <p>  });<br>  //]]><br>  
 
 

 
  
 
  <br> //<![CDATA[ 
  <br>  $(function(){ 
  <br>      //          
  <br>      $("input:eq(0)").click(function(){ 
  <br>            $("#single option").removeAttr("selected");  //    selected 
  <br>            $("#single option:eq(1)").attr("selected",true); //    selected 
  <br>      }); 
  <br>      //          
  <br>      $("input:eq(1)").click(function(){ 
  <br>            $("#multiple option").removeAttr("selected");  //    selected 
  <br>            $("#multiple option:eq(2)").attr("selected",true);//    selected 
  <br>            $("#multiple option:eq(3)").attr("selected",true);//    selected 
  <br>      }); 
  <br>      //            
  <br>      $("input:eq(2)").click(function(){ 
  <br>            $(":checkbox").removeAttr("checked"); //    checked 
  <br>            $(":radio").removeAttr("checked"); //    checked 
  <br>            $(":checkbox[value=check2]").attr("checked",true);//    checked 
  <br>            $("[value=check3]:checkbox").attr("checked",true);//    checked 
  <br>            $("[value=radio2]:radio").attr("checked",true);//    checked 
  <br>      });   
  <br>  }); 
  <br>  //]]> 
  <br>