rabylee.com
域名年龄: 14年9个月10天HTTP/1.1 200 OK 服务器:nginx 访问时间:2016年11月13日 06:05:06 类型:text/html Transfer-Encoding: chunked 连接:关闭 动作:Accept-Encoding 过期时间:2016年11月13日 06:05:05 缓存控制:不缓存 Content-Encoding: gzip
Sample Page关于文章评论的声明御海轩风蚀浪之居jquery实用动画效果之一 隐藏和显示我不知道其他朋友是怎么做的,在用jquery这类的框架之前,我想要隐藏一个元素,就要用getElementById这类的方法先获取元素,然后把display设置成block,none等等。听着都累,get那个什么玩意太长了,没有代码提示一不留神就打错了。用了jquery以后,选择元素自不必说,有很多选择器可以用,关键是隐藏一个元素只要用hide这个方法就行了,对应的显示一个元素用show这个方法就行了。更绝的是要想在显示与隐藏之间切换,只要用toggle方法就行了,否则的话就需要先判断一下这个元素是隐藏还是显示的,如果原先是隐藏,就要设置为显示,吧啦吧啦吧啦吧啦……话不多说,上实例<!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><script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script><script type="text/javascript">$(function(){$('.hide').click(function(){$('.content').hide();});$('.show').mouseover(function(){$('.content').show();});$('.toggle').click(function(){$('.content').toggle();});});</script></head><body><a href="javascript:void(0)" class="hide">点我可以隐藏下面的内容</a><br /><br /><a href="javascript:void(0)" class="show">放在我上面就可以显示下面的内容</a><br /><br /><a href="javascript:void(0)" class="toggle">点一下隐藏再点一下显示</a><div class="content" style="padding:20px;margin:20px;border:1px solid #ccc;text-align:center">我随时准备隐藏显示</div></body></html>老规矩,参数扩展什么的以后再细说Jquery小课堂2013/09/22评论关闭Jquery中的事件绑定元素被选定以后可以直接调用事件函数来触发一些动作。太理论的东西我也没兴趣详细描述,直接捞干的。以后我把完整的html代码都贴出来,希望能够给予更多的帮助。上代码<!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><script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script><script type="text/javascript">$(function(){$('.clickMe').click(function(){//选定链接以后,绑定一个鼠标单击的事件,当鼠标单击这个链接时候,触发下面的内容并执行这些内容alert('你还真点我!');});});</script></head><body><a href="javascript:void(0)" class="clickMe">快点来点我</a></body></html>除了click事件还有一些常用的mouseover事件、mouseout事件、focus事件等等,具体可以看jquery的API文档。顺便提一下,API文档是必备的,不管是在线的还是下载好的都行,这个东西就像是我们上学时候用的字典一样,你不必将里面的内容背下来,却要时时都要准备在手边以备查询。这里只是简单介绍一下,后面会将所有这些基础的内容配合起来达到实际应用的目的,莫急莫急。Jquery小课堂clickjquery事件2013/09/18评论关闭怎样获取网页中的的元素-Jquery选择器篇不知道大家还记不记得js传统的获取元素的方法。可以用id来获取单个元素,也可以用标签名来获取多个元素,方法就是var element = document.getElementById('theID');//获取的是单个元素var elements = documnet.getElementsByTagName('p');//获取的是一个元素的数组先不说处理
© 2010 - 2020 网站综合信息查询 同IP网站查询 相关类似网站查询 网站备案查询网站地图 最新查询 最近更新 优秀网站 热门网站 全部网站 同IP查询 备案查询
2024-11-20 03:46, Process in 0.0048 second.