jequery的dom操作

操作样式

addClass():追加样式

  removeClass(): 移除样式

  hasClass():判断样式

  toggleClass():切换样式      

操作内容

text():等同于原生JS中的innerText属性

  html():等同于原生JS中的innerHTML属性   改变内容  不加""号

  val():等同于原生JS中的value属性 

操作尺寸

width()、height():  获取的是 content 区域大小

  innerWidth()、innerHeight():获取的是 content + padding 区域大小

outerWidth()、outerHeight():获取的是 content + padding + border 区域大小

outerWidth(true)、outerHeight(true):获取的是 content + padding + border + margin 区域大小

操作属性

  attr():设置或获取元素标签上的属性 第二个属性不加""

prop():设置或获取元素标签上的属性