jQuery学习笔记 —— 2. DOM操作和 3. 事件绑定

2、操作DOM元素

• $("a").attr("href","www.bing.com") 修改属性

• $("div").html() 获取或修改HTML内容

• $("div").text() 获取或修改文本内容

• $("div").addClass() 添加类名

• $("div").css() 设置样式

• $("div").removeClass() 移除类名

• $("div").removeAttr() 移除样式

• $("div").append() 追加文本或HTML

• $("div").appendTo() 将已有元素移入

• $("div").before() 在元素前插入

• $("div").after() 在元素后插入

• $("div").clone() 复制一个元素（深复制）

• $(selector).replaceWith(content) 替换元素

• $(content).replaceAll(selector) 替换元素

• $("div").wrap() 包裹元素

• $("div").wrapInner() 包裹元素内容

• $(selector).each(function(index))遍历元素

$("span").each(function (index) {
                if (index == 1) {
                    $(this).attr("class", "red");
                }
            });

• $("div").remove() 删除元素
• $("div").empty() 清空元素

3、事件

• ready()事件，两者等价：

  • $(document).ready(function(){})
  • $(function(){})

• $("li").bind("click mouseon","function")绑定事件

• $("li").hover("over","out") 类似css中的:hover

• $("li").toggle(fun1(),fun2(),fun3())绑定多个函数，依次执行

• $("li").unbind("click",fun) 移除事件,fun为可选参数

• $("li").one("click",[data],fun) 绑定一次性事件

• $("li").trigger() 绑定自动事件？

• $("input").bind("focus|blur",fun) 文本框焦点和失焦

• $("select").bind("changed",fun) 下拉框改变

• $("li").live(event,[data],fun) 方法已不建议