jquery课堂笔记

jqurey转DOM

var jq = $("#div1");

var obj = $(jq)[0];

alert(obj.innerHTML);

jauery添加事件，全部是现代事件添加，一个事件可以绑定多个函数

jquery 元素选择器：

- 按标记名称查找：var msg = $("#div1 label");

- var msg = $("#div1").find("label")

- 取得数据第几个元素，返回dom对象，

- alert($("#div1 label")[1].innerHTML);

- 数组长度：alert($("#div1 label").size());

- 遍历数组：$("#div1 label").each(function(index,data){

    - index为循环变量，data为数组中的DOM元素

    - //得到原始Dom对象

    - alert(this.innerHTML);

- })

jquery元素设置

- 设置，获得标签中的 内容，（相当于innerTHML）

- $("#div1").html("<p>aaa</p>");设置内容

- alert（($"#div1"）.html());//获得内容

- 设置，获得value；

- $("#userName").val("张三");//设置value值

- alert($("#userName").val());//获得value值

- 显示，隐藏

- $("p").show("show");//附加动画，显示元素

- $("p").hide("show");//附加动画，显示元素

jquery取消事件

- 取消对象中所有事件。

- $("p").unbind();

- 取消对象中所有d点击事件。

- $("p").unbind("click");

- 取消对象中某一点击事件。

- $("p").unbind("click",fun);

单选框和复选框判断是否选中：checked

列表框和下拉框判断选择是否选中：selected