JQuery,没事玩玩

来源:互联网 发布:阿里云二级域名注册 编辑:程序博客网 时间:2024/05/16 14:43

周末没事玩玩

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">body,td,th {    font-size: 24px;}</style><script type="text/javascript" src="jquery-2.2.0.min.js"></script><script type="text/javascript">$(function(){    $('#btn01').click(function(e) {        $('img').show()    });    $('#btn02').click(function(e) {        $('img').hide()    });    $('#btn03').click(function(e) {        $('img').toggle()    });})</script></head><body><button id="btn01">显示</button><button id="btn02">隐藏</button><button id="btn03">切换</button><br><br><img src="bird.jpg" height="344" width="507"/></body></html>

这里写图片描述

0 0
原创粉丝点击