1.jQuery动画
(1)显示隐藏 hide() show() toggle()
(2)淡入淡出 fadeIn(出现) fadeOut(消失) fadeToggle()
fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)
(3)滑动 slideDown(向下滑动) slideUp(向上滑动) slideToggle()
(4) 自定义动画 animal() 括号中写上中括号{}
(5).stop()停止动画
(6)回调函数 在当前动画100%完成之后执行
2.jquery事件机制
使用on()bind()同时写多个事件,可以写在一个对象里面
事件源.bind(‘事件类型’,‘事件处理程序’)
事件源.on(‘事件类型’,‘事件处理程序’)【新添加的子元素也会有事件】
区别 bind只能给符合条件的元素本身添加事件
on可以将子元素的事件委托给父元素进行处理,而且可以给动态添加的元素加上绑定事件
each()方法为每个匹配的元素规定要运行的函数
jQuery.each()函数用于遍历指定的对象和数组
形式:$.each(‘对象’
3.按下事件才有键码(keydown keyCode)
4.html()设置或返回所选元素里面的所有内容(包括HTML标记) 【功能相当于innerHTML,添加元素会覆盖其他的】
4.text()设置或返回所选元素的文本内容
5.val()设置或返回表单字段的值
6.attr()、prop()方法用于获取和返回属性值
7.两者区别 attr()可以获取和设置本身以及自定义属性
prop()只能获取设置自身有的属性
对于表单元素 disabled checked selected 要用prop() disabled:true
8.width()方法:设置或返回元素的宽度(只有本身宽度)
height()方法:设置或返回元素的高度(只有本身的宽度)
innerWidth()方法:返回元素的宽度(包括内边距)
innerHeight()方法:返回元素的高度(包括内边距)
outerWidth()方法:返回元素的宽度(包括内边距和边框)
outerHeight()方法:返回元素的高度(包括内边距和边框)
写在滚动事件里面(scroll)【给父元素加】
scrollTop()方法:设置或返回滚动条被卷去的元素高度
scrollLeft()方法:设置或返回滚动条被卷去的元素高度
9.append()方法在被选元素的结尾插入内容(仍在元素的内部)
prepend()方法在被选元素的开头插入内容()
after()方法在被选元素之后插入内容(在被选元素外面)
before()方法在被选元素之前插入内容
empty()把子元素删除掉了,本身没有被删除掉,所以本身占位置
remove()把自己和子元素都删除掉了,本身已删除,所以不占位置