当前位置:编程学习 > JAVA >>

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值
 
作者“技术学习笔记”

补充:web前端 , JavaScript ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,