您身边的网站建设专家
日期： 2022-09-21 03:02:58 浏览数：5
上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。
高端！网站定制/设计/优化/二次开发/制作/搭建-安顺高端网站建设
jQuery 效果- 隐藏和显示
隐藏、显示、切换，滑动，淡入淡出，以及动画，哇哦！
点击 显示/隐藏面板
实例
jQuery hide()
简单的jQuery hide()方法演示。
jQuery hide()
另一个hide()实例。演示如何隐藏文本。
jQuery hide() 和 show()
通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：
实例
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
尝试一下 »
语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
下面的例子演示了带有 speed 参数的 hide() 方法：
实例
$("button").click(function(){
$("p").hide(1000);
});
尝试一下 »
下面的例子演示了带有 speed 参数的 hide() 方法，并使用回调函数：
实例
$(document).ready(function(){
$(".hidebtn").click(function(){
$("div").hide(1000,"linear",function(){
alert("Hide() 方法已完成!");
});
});
});
尝试一下 »
第二个参数是一个字符串，表示过渡使用哪种缓动函数。（译者注：jQuery自身提供"linear" 和 "swing"，其他可以使用相关的插件）。
jQuery toggle()
通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素，并隐藏已显示的元素：
高端！网站定制/设计/优化/二次开发/制作/搭建-安顺高端网站建设
上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。
服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）
一.keypress,keydown,keyup的区别:
二.两种常用用法举例
案例1:获取按键代码或字符的ASCII码
$(window).keydown( function(event){ // 通过event.which可以拿到按键代码. 如果是keypress事件中,则拿到ASCII码.} );案例2:传递数据给事件处理函数
语法:
举例:
// 只允许按下的字母键生效, 65~90是所有大写字母的键盘代码范围.var validKeys = { start: 65, end: 90 };$("#keys").keypress( validKeys, function(event){ var keys = event.data; //拿到validKeys对象. return event.which >= keys.start && event.which <= keys.end;} );yuanchaowhut
yua***aowhut@126.com
data: 通过event.data传递给事件处理函数的任意数据;
handler: 指定的事件处理函数;
1.keydown：在键盘上按下某键时发生,一直按着则会不断触发（opera浏览器除外）, 它返回的是键盘代码;
2.keypress：在键盘上按下一个按键，并产生一个字符时发生, 返回ASCII码。注意: shift、alt、ctrl等键按下并不会产生字符，所以监听无效 ,换句话说, 只有按下能在屏幕上输出字符的按键时keypress事件才会触发。若一直按着某按键则会不断触发。
3.keyup：用户松开某一个按键时触发, 与keydown相对, 返回键盘代码.
Cinema
320***7017@qq.com
关于获取触发事件的说明：
1. 获取事件对象
$(document).ready(function(){ $(window).keypress(function(event){ //获取事件对象，里面包含各种有用的信息。 console.log(event); //console.log(event.which); });});2. keypress事件获取键入字符
$(window).keypress(function(event){ //event.which是获取ASCII码，前面的函数是将ASCII码转换成字符，空格键和Enter键输出均为空白。 console.log(String.fromCharCode(event.which)); //从event对象中key属性获取字符，但是Enter键的key值为"Enter"，空白键还是空白" "。 console.log(event.key);});Cinema
320***7017@qq.com
麦当很努力
211***651@qq.com
window.onload = function(){} 用于整个网页（包括图片等）加载完毕后执行方法内代码块。
$(document).ready(function(){}) 用于 DOM 结构加载完毕后就可以执行方法内代码块，由此得出，onload 是在 ready 后执行。
麦当很努力
211***651@qq.com