我的前端学习10

jQuery筛选查找：

children（选择器字符串）：获取父元素下的子元素

find（）：获取祖先元素下的后代元素

parent()：获取该元素的父元素

prevAll()：获取该元素前面的所有兄弟元素

siblings()：获取该元素的所有兄弟元素

 

 

jQuery文档操作：

append()： 向元素的最末尾位置添加新的元素

appendTo()： 将新元素添加到指定元素的末尾位置

prepend()： 向元素的最前面位置添加新的元素

prependTo()： 将新元素添加到指定元素的开头位置

before()： 在指定元素之前添加新的元素

after()： 在指定元素之后添加新的元素

replaceWith()：指定元素替换为新的元素

empty()： 清除指定元素下的所有符合标准的元素

remove()： 将该元素清除

 

 

jQuery绑定也解绑：

jQuery绑定事件有两种方式：

jQuery对象.事件名（function）

jQuery对象.on（事件名，function)

注意：这两种绑定事件方式都支持给元素绑定同一事件多次而不会覆盖

 

jQuery鼠标的移入移出：

hover（overfun,outfun)--给元素绑定鼠标的移入移出事件

off()：解除事件的绑定，调用者就是需要解除事件的元素

          没有参数，解除该元素的所有事件

          有参数，解除该参数对应的事件

 

jQuery事件坐标：

clientX、clientY--获取鼠标相对于浏览器左上角的坐标

pageX、pageY--获取鼠标相对于页面左上角的坐标

event.stopPropagation() -- 阻止事件的冒泡

event.preventDefault() -- 阻止默认行为

Date.now() -- 获取当前时间

 

jQuery事件的委托：为了解决新添加元素没有绑定事件的问题

给共同的祖先元素绑定事件的委托

祖先元素.delegate()

            参数1:需要绑定事件的子元素

            参数2：事件名，不带on，通过空格分隔多个事件

            参数3:回调函数

事件委托的解除:祖先元素.undelegate()

 

jQuery淡入淡出 ：

fadeIn()--淡入

     无参--立即显示

     有参：

             参数1:淡入的时间。

             数字，单位是ms

             特殊字符串：slow,normal,fast

             参数2:淡入完成之后执行的回调函数

             adeOut()--淡出

             fadeToggle()--淡入淡出转换

 

jQuery滑动 ：

slideDown()--向下滑动

slideUp()--向上滑动

slideToggle()--上下滑动进行切换

show()--显示

hide()--隐藏

toggle()--显示与隐藏进行切换

 

window.onload与$(function(){})的区别

1.$(function(){})可以支持多次绑定

2.window.onload只能绑定一次，如果多次绑定，最后的一个会起作用