2019-06-17第十六天

// $('.box').fadeOut();//淡出// $('.box').fadeIn();//淡入// $('.box').fadeToggle();

//切换淡入淡出// $('.box').toggle();//切换显示隐藏$('.box').slideToggle();

//切换上收和下展参数：

1、什么属性做动画，属性设置{param1: value1, param2: value2

}2、动画执行的时间，单位毫秒

3、动画曲线： swing（默认值）开始和结束慢，中间快 linear匀速 可省略不写

4、回调函数，动画完成之后要做的事情，可无限嵌套 */

// //一开始就获取焦点，相当于设置了autofocus自动获取焦点了（HTML5 新增表单控件属性）// $('#txt01').focus();// //文本框获取焦点的时候（有光标闪烁的时候）// $('#txt01').focus(function() {// alert('focus');// });// //失去焦点的时候（光标离开的时候）// $('#txt01').blur(function() {// alert('blur');// });// //输入框内容发生变化的时候，失去焦点后触发，可用于注册时验证用户名是否已存在// $('#txt01').change(function() {// alert('change');// });//松开键盘按键就触发$('#txt01').keyup(function(){ alert('keyup');//自定义事件只能用bind方式绑定，第一个参数是事件的名字，第二个参数是事件发生时执行的函数// trigger即可以触发自定义事件，也可以触发原始的事件//不一定点击按钮触发，也可页面加载时触发，也可在满足某种if条件时触发jquery链式调用jquery对象的方法会在执行完后返回这个jquery对象，所有jquery对象的方法可以连起来写：$('#div1')// id为div1的元素.children('ul')//该元素下面的ul子元素.slideDown('fast')//高度从零变到实际高度来显示ul元素.parent()//跳到ul的父元素，也就是id为div1的元素.siblings()//跳到div1元素平级的所有兄弟元素.children('ul')//这些兄弟元素中的ul子元素.slideUp('fast');//高度实际高度变换到零来隐藏ul元素