web前端|js教程
淡入,淡出
web前端-js教程
jQuery是一个JavaScript 库,也就是对JavaScript的扩展,用来满足各种日益增加的不同特效需求。其实质就是JavaScript
php论坛界面源码,制作最小的ubuntu,打开tomcat会闪一下,在线爬虫ssm项目,什么是php的会话控制技术,曲靖seo如何lzw
下面来编写一个最基本的JQ程序来说明JQ。
网狐综合所有子游戏源码大合集,ubuntu安装exe出错,爬虫获取加载网页,php goto 还原,广西黑客seolzw
A、基本目标
乐视电视大屏开发源码,ubuntu启动的nimte,tomcat能接受多少请求,爬虫餐饮应用,php正则excel,抖音视频seo怎么做lzw
网页中有如下三个按钮,一个只能隐藏文本,一个只能显示文本,一个同时能隐藏与显示文本,点击一下显示,再点击一下隐藏,无限循环。
B、制作过程
1.首先你要到JQ官网中下载一个JQ支持文件放入你的站点文件夹。这个支持文件是jQuery1.11,可以到jQuery官网中下载兼容旧浏览器IE6的jQuery1.11,而不是不兼容旧浏览器IE6的jQuery2。
2.整个网页代码如下,再分片段进行说明:
$(document).ready(function() { $("#hide").click(function() { $("#text").hide(); }); $("#show").click(function() { $("#text").show(); }); $("#toggle").click(function() { $("#text").toggle(); }); }); <!-- #text{ display:none } -->
被折腾的文本
(1)部分
部分主要是实现核心代码部分,放在后面来讲,先说部分
被折腾的文本
(2)部分
$(document).ready(function() { $("#hide").click(function() { $("#text").hide(); }); $("#show").click(function() { $("#text").show(); }); $("#toggle").click(function() { $("#text").toggle(); }); }); lt;!--这段控制默认是显示还是不显示 #text{ display:none } ->