发表于： 2020-01-12 22:46:32
1 1610
今日完成
focus()
当元素获得焦点时，发生 focus 事件。
当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。
blur()
当元素失去焦点时，发生 blur 事件。
blur() 方法触发 blur 事件，或规定当发生 blur 事件时运行的函数：
描述显示:
总结:可以单独使用,就跟点击事件差不多,也可以组合使用,达到上述效果
---------------------------------------------------------------------------------------------------------------------------------------------------
keypress,keydown,keyup的区别:
1.keydown：在键盘上按下某键时发生,一直按着则会不断触发（opera浏览器除外）, 它返回的是键盘代码;
2.keypress：在键盘上按下一个按键，并产生一个字符时发生, 返回ASCII码。注意: shift、alt、ctrl等键按下并不会产生字符，所以监听无效 ,换句话说,
只有按下能在屏幕上输出字符的按键时keypress事件才会触发。若一直按着某按键则会不断触发。
3.keyup：用户松开某一个按键时触发, 与keydown相对, 返回键盘代码.
--------------------------------------------------------------------------------------------------------------------------------------------------------
jQuery hide() 和 show()
通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：
语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
ps:
对于可选的 callback 参数，有以下两点说明：
1.$(selector)选中的元素的个数为n个，则callback函数会执行n次；
2.callback函数名后加括号，会立刻执行函数体，而不是等到显示/隐藏完成后才执行；
3.callback既可以是函数名，也可以是匿名函数；
4.$(selector) 选中的元素的个数为 n 个，则 callback 函数会执行 n 次。
对于这里，当 callback 函数加上括号时，函数立即执行，只会调用一次， 如果不加括号，元素显示或隐藏后调用函数，才会调用多次。
ex:
带有 speed 参数的 hide() 方法：
总结:
1.隐藏效果类似display:none,元素消失不存在,而不是存在不可见
2.如上图椭圆圈住部分,包含元素一起消失,出现一起出现
3.加了时间之后,消失出现有类似平移的动画效果(从出现到消失的过渡效果),消失方向从下往上消失,显现方向,从上往下显现
jQuery toggle()
通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素，并隐藏已显示的元素：
显示:
总结:类似显示隐藏的结合,默认状态是显示,点击一次隐藏,再次点击显示,循环
------------------------------------------------------------------------------------------
带有 speed 参数的 hide() 方法，并使用回调函数
ex:
描述:在隐藏效果完成后,显示提示框,方法完成
总结:
1.在上一个函数运行完毕,才执行的下一个函数
2. 第二个参数是一个字符串，表示过渡使用哪种缓动函数。（注：jQuery自身提供"linear" 和 "swing"，其他可以使用相关的插件）。
ps: 可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。
遇到问题:
例子中过度用的缓冲函数,去掉还是那个过渡效果,添加到其他例子中却没有这个效果
原因:待查询
//-------------------------------------------------------------------------------------------------------------------------------------------
jQuery 效果 - 淡入淡出
jQuery Fading 方法
通过 jQuery，您可以实现元素的淡入淡出效果。
jQuery 拥有下面四种 fade 方法：
fadeIn()
fadeOut()
fadeToggle()
fadeTo()
------------------------
jQuery fadeIn() 方法
用于淡入已隐藏的元素。
语法:
$(selector).fadeIn(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。.
可选的 callback 参数是 fading 完成后所执行的函数名称。
显示:
jQuery fadeOut() 方法
返回列表
评论