JQ HTML 操作

设置内容

       text()  html()  val()
  $(document).ready(function () {
      $("#btn1").click(function () {
          $("#test1").text("hello");
      })
      $("#btn2").click(function () {
          $("#test2").text("hello");
      })
      $("#btn3").click(function () {
          $("#test3").val("hello");
      })
  })

设置属性attr()

添加新的HTML内容

append() 在被选元素的结尾添加内容
prepend() 在被选元素的开头添加内容

删除元素/内容

remove() 删除被选元素及其子元素
empty() 删除被选元素的子元素

class属性的添加 删除 切换

添加class属性 addClass()
删除class属性 removeClass()
切换class属性 toggleClass()

设置css属性$("?").css({ })

jquery尺寸方法

innerWidth() 返回元素的宽度(包括内边距)
innerHeight() 返回元素的高度(包括内边距)

outerWidth() 返回元素的宽度(包括内边距和边框)
outerHeight() 返回元素的高度(包括内边距和边框)

width() 返回html文档和窗口的宽度
height() 返回html文档和窗口的高度