学习jquery之一
2007-04-27 00:00
134 查看
<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>
<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>
相关文章推荐
- jQuery幻灯片skitter-slider插件学习总结
- jquery 学习网站 多练习
- Jquery-EasyUI学习~
- jQuery 学习笔记 CSS, Styling, & Dimensions
- jQuery学习笔记——初识jQuery
- jQuery源码学习(版本1.11)-事件处理-jQuery事件对象
- jQuery学习笔记——jQuery中DOM操作(2)
- jquery中ajax学习笔记一
- Jquery学习之Jquery选择器
- 学习jQuery的一篇很好的文章:jQuery对象与dom对象
- Jquery-cookie学习笔记
- 学习jQuery源码,你准备好了吗?
- jquery学习之AJAX
- jQuery学习资料
- html+css+jquery倒计时、拖拽div、滚动条固定在低端、div自动换行、输入框不可写等免费小代码实用学习版.txt
- jquery 绘图工具 flot 学习笔记
- Jquery学习DOM--来自jerry的博客
- Jquery-cookie学习笔记
- jQuery学习笔记之设置取值
- jQuery学习笔记之ajax