$(document).ready(function)
将函数绑定到文档的就绪事件(文档加载完成时候执行)
$(selector).click(function)
单击事件
$(selector).dblclick(function)
双击事件
$(selector).focus(function)
获得焦点事件
$(selector).mouseover(function)
鼠标悬停事件

prop() removeProp()

添加某个属性
移除某个属性

$("button").click(function(){
    var $x = $("div");
    $x.prop("color","FF0000");//添加color 属性值
    $x.prop("color","FF555");//修改color 属性值
    $x.append("The color 属性： " + $x.prop("color"));
    $x.removeProp("color");//移除color 属性值
});

toggleClass()

设置某个元素的某个类的切换
例子 将所有p元素都带上类名为"main"的属性
如果已经带上点击，则移除该属性

$("button").click(function(){
  $("p").toggleClass("main");
});

siblings()

返回与括号内的元素同级的所有元素

attr()

获得括号内的属性名的属性值
也可以用来设置一个或者多个属性值

$(document).ready(function() {
    $("#entityFirstBox").show().siblings().hide();
    // 显示entityFirstBox的元素 然后隐藏 他的所有同级元素
    $("#buttonBox div").click(function() {
        var id = $(this).attr("id");
        //得到这个button 的id
        $(this).addClass("choose").siblings().removeClass("choose");
        //对这个元素增加 choose的属性 他的同级元素全部移除该属性
        $("#entity" + id[0].toLocaleUpperCase() + id.substring(1)).show().siblings().hide();
    });
});

设置和获取值

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容（包括 HTML 标记）
  • val() - 设置或返回表单字段的值

添加元素

  • append() - 在被选元素的结尾插入内容
  • prepend() - 在被选元素的开头插入内容
  • after() - 在被选元素之后插入内容
  • before() - 在被选元素之前插入内容
    删除元素
  • remove() - 删除被选元素（及其子元素）
  • empty() - 从被选元素中删除子元素
    $("p").remove(".a");// 删除class 为a 的所有p元素