jquery練習1筆記

 

<html>
 
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
var a
$.fn.func=function(a){ $("#dv").html("<table border=1><tr><td>"+a+"</td><td>2222222</td></tr></table>");}
$(document).ready(function(){
 var x=1;
 $("p").text("單擊隱藏"+x);
 $("#queren").click(function(){
 if($("p").css("display")=="none")
{
 x=x+1;$("p").show(300);$("#dv").show(300);$("#queren").val("隱藏");$("p").text("單擊隱藏"+x);$("#dv").func(x);}else
{$("p").hide(300);$("#dv").hide(300);$("#queren").val("顯示");$("p").text("單擊隱藏");}
 });
});
</script>
</head>
 
<body>
<p></p>
</body>
<input id="queren" type="button" value="隱藏"></input>
<div id="dv"></div>
</html>
 
1、 自定義函數 $.fn.函數名(參數){}
2、 Html指定div的html值,text指定div爲字符串值
3、 $(“#queren”).val 指定value值
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章