jquery

jquery
class相关操作
- addClass(类名) 添加一个类名

• removeClass(类名) 移除一个类名
• toggleClass(类) 切换一个类名
• hasClass(类) 返回的bool 用于判断
  内容相关
  html() 获取和设置元素的html内容 相当于原生的 innerHTML 设置：
  元素.html(内容)
  获取
  元素.html()
  text() 获取和设置元素的文本内容 相当于原生的 textContent innerText 设置：
  元素.text(文本)
  获取
  元素.text()
  表单的值
  val() 原生value 设置的：
  元素.val(值)
  获取
  元素.val()
  stop([clearQueue],[jumpToEnd]) 参数默认值 分别是 true,false
  停止动画的

参数1：清空动画队列
参数2： 立即结束 到 最后的状态

注意：使用动画时，如果这个动画可能多次触发，需要先停止动画在开启动画 .stop().动画()
.hover(func,func)
hover(function(){
//是鼠标移入事件函数
},function(){
//鼠标移除的事件函数
})
动画
内置 元素显示 消失

• .show([speed,[easing],[fn]]) .hide([speed,[easing],[fn]])

  参数：

  speed:动画的速度 值 关键字 slow normal fast 毫秒数

  easing 动画效果 linear swing(默认值)

  fn 回调函数 当动画完成时执行

  注意：
  ​ 是同时改变高度 宽度 透明度
  - .fadeIn([speed,[easing],[fn]]) .fadeOut([speed,[easing],[fn]])

  参数：
  speed:动画的速度 值 关键字 slow normal fast 毫秒数
  easing 动画效果 linear swing(默认值)
  fn 回调函数 当动画完成时执行

  注意：
  ​ 改变元素的透明度
  - .slideDown([speed,[easing],[fn]]) .slideUp([speed,[easing],[fn]])

  参数：
  speed:动画的速度 值 关键字 slow normal fast 毫秒数
  easing 动画效果 linear swing(默认值)
  fn 回调函数 当动画完成时执行

  注意：
  ​ 改变元素的高度

    - toggle([speed,[easing],[fn]])  相当于 show 和hide 切换
  

• fadeToggle() fadeIn 和 fadeOut 切换

• slideToggle()
  自定义动画 .animate()
  元素.animate({
  css样式
  },毫秒数);
  注意：jquery动画不支持 颜色
  并发
  .animate({
  样式1:值,
  样式2:值
  …
  },时间);
  排队
  元素.animate().animate().animate()
  模拟事件
  trigger(“事件名”)
  模拟事件，模拟一个用户的行为，或者浏览器自己的行为，对应事件就会触发
  fadeTo
  fadeTo([[speed],opacity,[easing],[fn]])
  each
  jquery集合遍历
  $(“li”).each(function(i,el){
  i是下标
  el是dom
  });
  jquery获取元素宽高
  元素.css(“width/height”) 返回的是字符串 “200px” 不包含 padding 和border
  元素.width() 元素.height() 设置 或者 获取 元素的宽度、高度
  设置：
  元素.width(number) 设置
  获取
  元素.width() 返回的是数字 不包含padding和border
  只读 只能获取 不能设置

outerWidth()
outerHeight()
jquery offset() position()
offset()
返回对象
{
left:xxx,
top:xxx
}
保存了当前元素距离页面 最顶部和最左边的距离
position()
返回是对象
{
left:xxx,
top:xxx
}
保存了当前元素 距离 定位基点的 距离（最上面也最左边）
相当于原生的 offsetLeft offsetTop
卷曲高度
window 网页滚动条
获取
$(document).scrollTop()设置：1，$(document).scrollTop(值)
2，animate
$(“html,body”).animate({
scrollTop:值
},300);