第四十三天学习java

总结

jQuery

• 使用jquery前注意先引入外部文件：jquery-2.1.3.js

• dom和query两个页面加载事件区别：

  1. dom:只会加载一次，最后一次(οnlοad=function(){})
  2. ajax:可以加载多次，速度比dom加载快($(funciton(){}))

• 通过jquery获取元素：id:$

  1. ("#id")
  2. class:$(".class")
  3. 标签：$(“标签名”)
  4. 全部：$("*")

• jquery和dom之间的转换：

  1. dom->jquery
     $(dom对象)
  2. jquery->dom
     jquery对象.get(0)

• jquery中对事件操作的三种方式：

  1. jquery对象.事件（click）(function(){})

  2. jquery对象.on(“事件”,function(){})

  3. jquery对象.bind(“事件”,function(){})

     注意：事件后面还可以.事件

• jquery中对事件解绑的两种方式：

  1. jquery对象.off(“指定的参数”)

  2. jquery对象.unbind(“指定的参数”)

     注意：off和unbind指定参数时，是解绑所有的事件

• 对文本操作：

  1. jquery对象.html()可以获取或设置带有标签的元素
  2. jquery对象.text()可以获取或设置纯文本

• 获取或设置标签中的value值：
  jquery对象.val()

• 设置css样式：
  jquery对象.css(“要设置的样式”，“设置样式”)

• 添加class属性
  jquery对象.addClass(“类选择器”)

• 在jquery里面获取自定义属性有两种：

  • attr()
    1. jquery对象.data(“data-person”)
    2. 获取的都是字符串
  • data()
    1. 属性名必须是data-xxx
    2. jquery对象.data(“xxx”)
    3. 获取的是相应的类型

• 设置或获取复选框是否选中
  exp:jquery对象.prop(“checked”，true)

• 添加：
  jquery对象.append(“要添加的html语句”)

• 删除:
  jquery对象.remove();会连自己都删除
  jquery对象.empty();清楚自己的子标签