学习jquery之一

　　<script src=/jslib/jquery/jquery-latest.pack.js></script>

　　<p height=100>1学习jquery</p>

　　<span>val()可以取值;val(s)可以赋值</span><br/>

　　<div><input type="text" id="mm" value="mm"><button  id=get>取值</button>

　　<button  id=put>赋值</button>

　　</div>

　　<button id=an>展开</button>

　　<div id=test > </div><br>

　　<span></span><br/>

　　<SCRIPT LANGUAGE="JavaScript">

　　<!--

　　$(document).ready(function(){

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

　　$("#test").html("我是input的值:"+$("#mm").val())

　　})

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

　　$("#mm").val("val()真好用")

　　})

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

　　var a=$("#an").val()=="展开"?"缩进":"展开"

　　//$("#an").val(a)

　　if(a=="展开"){

　　$("#test").slideUp("slow",function(){$("#an").val(a)});

　　//$("#test").fadeOut("fast",1000);

　　// $("#test").fadeIn("fast",500)

　　}

　　else{

　　$("#test").slideDown("slow",function(){$("#an").val(a)});

　　//$("#test").fadeOut("fast",1000);

　　//$("#test").fadeOut("slow",500)

　　}

　　})

　　$("span").css({background:'black',color:"red"})

　　//is叛断

　　$("button[@id='get']").parent().is("div")

　　$("#test").html("css();animate()")

　　$("div#test").css({ left: 10,height:200,width:200,background:"black",color:"white"});

　　$("div#test").animate({ left: 500, opacity: 'show' }, 500);

　　});

　　function aiqi(){

　　$("#mm").val("asdasd")

　　$("p").css("color","red")

　　$("div#test").background("gray")

　　$("div#test").css("color","yellow");

　　$("div#test").css({width:"200",height:200})

　　$("div#test").html($.browser.msie)

　　//$("#mm").click(function{alert()});

　　$("#test").fadeOut("fast",1000);

　　$("p").fadeTo("slow", 0.5);

　　$("#test").fadeIn("slow",0.5,function(){ alert("Animation Done."); });

　　$.each( [0,1,2], function(i){ alert( "Item #" + i + ": " + this ); });

　　$("p").slideDown("slow",function(){ alert("Animation Done."); });

　　}

　　//aiqi();

　　//$("p").mousedown();//$("img").oneload( function() { alert("Hello"); } );

　　//$.getScript("test.js",function(){

　　//alert(obj.name)})

　　//$.getJSON("test.js", function(obj){ alert(obj.name);})

　　//-->

　　</SCRIPT>