JQuery学习笔记

 toggle() 方法来切换 hide() 和 show() 方法。

 fadein(),fadeout(),fadeto,fadetoggle() 方法来实现淡入,淡出,颜色变淡,切换颜色变化。

slidedown(),slideup(),slideToggle()方法实现向下滑动,向上滑动,切换上滑下滑效果。

animate()创建自定义动画。$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。

  opacity(不透明度0.5)

$("button").click(function(){
  $("div").animate({
    left:'250px',
    opacity:'0.5',
    height:'150px',
    '150px'
  });
}); 
当使用 animate() 时,必须使用 Camel 标记法书写所有的属性名,比如,必须使用 paddingLeft 而不是 padding-left,使用 marginRight 而不是 margin-right,等等。
  • append() - 在被选元素的结尾插入内容
  • prepend() - 在被选元素的开头插入内容
  • after() - 在被选元素之后插入内容
  • before() - 在被选元素之前插入内容
  • remove() - 删除被选元素(及其子元素)
  • empty() - 从被选元素中删除子元素
  • addClass() - 向被选元素添加一个或多个类
  • removeClass() - 从被选元素删除一个或多个类
  • toggleClass() - 对被选元素进行添加/删除类的切换操作
  • css() - 设置或返回样式属性

width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。

height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。

innerWidth() 方法返回元素的宽度(包括内边距)。

innerHeight() 方法返回元素的高度(包括内边距)。

outerWidth() 方法返回元素的宽度(包括内边距和边框)。

outerHeight() 方法返回元素的高度(包括内边距和边框)。

siblings() 方法返回被选元素的所有同胞元素。

next() 方法返回被选元素的下一个同胞元素。

nextAll() 方法返回被选元素的所有跟随的同胞元素。

nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。

dblclick()当双击元素时,会发生 dblclick 事件。

mouseenter()当鼠标指针穿过元素时,会发生 mouseenter 事件。

mouseleave()当鼠标指针离开元素时,会发生 mouseleave 事件。

mousedown()当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。

mouseup()当在元素上松开鼠标按钮时,会发生 mouseup 事件。

hover()hover()方法用于模拟光标悬停事件。

focus()当元素获得焦点时,发生 focus 事件。

blur()当元素失去焦点时,发生 blur 事件。

eq() 方法返回被选元素中带有指定索引号的元素。

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

原文地址:https://www.cnblogs.com/quwujin/p/6026179.html