P2-25js-jquery对象下的方法， jquery绑定事件的方法

jquery

jQuery对象下的方法

• addClass() 追加类名,不会抹掉原有，而是追加在后面
• removeClass()删除类名,如果有则会删除，如果没有不会进行任何操作
• toggleClass()追加/删除类名,自动
• hasClass() 检测是否含有传入类名，返回布尔值
  +++++++++++++++++++++++++++++
• html() 设置/获取元素的开始标签与结束标签之间的内容
• val() 设置/获取元素的value属性的属性值
• attr() 设置/获取元素的行内属性
  +++++++++++++++++++++++++++++
  操控元素行内属性display
• show()显示
• hide()隐藏
• toggle()显示/隐藏
  +++++++++++++++++++++++++++++
  动态操作元素opacity行内属性
• fadeIn(速率(“fast” | “slow” | Number毫秒数),回调)淡入
• fadeOut()淡出
• fadeToggle()淡出/淡入
  +++++++++++++++++++++++++++++
  动态操控元素行内属性{padding;height}
• slideDown()下拉
• slideUp()收起
• slideToggle()下拉/收起
  +++++++++++++++++++++++++++++
• css({}) css(“css属性名”) 设置/获取元素的行内样式
• animate({},执行时间,回调) 设置/获取元素的行内样式并执行动画
  +++++++++++++++++++++++++++++
• closest(“css选择器”) 从调用方法的元素为起始位置，逐层向上寻找祖先级元素，直到找到第一个与css选择器相匹配的祖先级元素为止，并将其返回。
• find(“css选择器”) 从调用方法的元素为起始位置，寻找与css选择器相匹配的所有的子孙级元素.
  +++++++++++++++++++++++++++++
• clone(true/false) 克隆元素，可以连同事件一块儿克隆
• append()插入到元素 ul.append(“li”)
• appendTo()插入到元素开始标签后面
• prepend()插入到元素开始标签后面
• prependTo()插入到元素开始标签后面
• after()插入到元素后面当作下一个兄弟节点
• before()插入到元素前面当作上一个兄弟节点
  +++++++++++++++++++++++++++++
• width() 获取宽高
  • $(".div1").width()
• innerWidth() 获取宽高+内填充
  • $(".div1").innerWidth()
• outerWidth() 获取宽高+内填充+外边框
  • $(".div1").outerWidth()
• 获取页面宽高
  • $(document).width()
  • $(document).height()
• each(function(index,node){}) 用于枚举jQuery对象

jquery绑定事件的方法

jQuery对象.去on的事件名(function(){
    
    
		// 事件处理函数
		// this 原生JS对象
		this
	})

案例

• jquery版轮播图
• jquery游戏列表
• jquery航班表