jquery
- 免费开源的javascript代码库
- 轻量级
- 强大的dom,解决javascript和ajax开发
- 解决兼容性
- 提供ui库组件
dom和jquery转换
- dom–>jquery
- var obj = document.getelemtById();
- var jq = $(obi);
- jquery–>dom
- var jq = $(“#div1”)
- var obj = $(jq)[0]
jquery事件
- 全部是现代事件添加,一个事件可以绑定多个函数;
- var msg = $(“#div1 label”)
- var msg = $(“#div1”).find(“lable”)
- 取得第几个元,返回dom对象
3.$(“#div lable”)[1].innerHTML - 数组长度
- $(“#div lable”).size()
- 遍历数组
- $(“#div lable”).each(function(index,data){index 为循环变量,data为数组中的DOM元素
- this.innerHTML;
- });
- 获取内容
- $(“#div1”).html()
- 设置内容
$("#div1").html("<p>aaa</p>")
- 获得value值
- $(“#username”).val()
- 设置value值
10.$(“#username”).val(“张三”) - 取消对象中所有事件
- $(“p”).unbind()
- 取消对象中所有点击事件
- $(“p”).unbind(“click”)
- 取消对象中某一个点击事件
- $(“p”).unbind(“click”,fun)