<html>

<head>

<title>jquery简单例子 yanleigis Email:landgis@126.com </title> 

<script type="text/javascript" src="jquery.js" ></script> 

<SCRIPT LANGUAGE="JavaScript">   

$(document).ready(function() {   

    

    $("#cylok").click(function() {  //只能使用id,前加# yanleigis Email:landgis@126.com 

      alert("Hello world cylok!");   

    });

     $("#ylok").click(function() {   

      alert("Hello world ylok!");   

    });

     $("a").click(function() {   

      alert("Hello world!");   

    });       $("#add6").click(function(){    

        alert("Hello world add!");

      });   

      

   $("#yltxt").bind("change",function(){   

      

      $("#yltxt")[0].value="yanlegis ok1";//方式一

      alert("方式二获得值:"+$("#yltxt").attr("value")); 

      $("#yltxt").val("yanlegis ok2");//方法二

      alert("方式二获得值:"+$("#yltxt")[0].value); 

      //$("#yltxt").attr("value")="yanlegis ok3";//方法三        

    });   
});

</SCRIPT>   

</head> 

<body> <p>

  <input type="button" id="ylok"  value="yanleigis">

  <input type="checkbox" id="cylok" value="landgis@126.com">

  <button id="add6">landgis@126.com</button>

  

  

<a href="" >Link</a> </p>

<p>

  <input type="text" id="yltxt">

</p>

</body> 

</html>