jQuery例子记录（持续更新）

目录：

1.自定义事件
2.操作DOM（与JS原生对比）

1.自定义事件

绑定自定义事件：

$(".class").bind("refresh.widget", function() { 事件函数内容});

事件名称refresh.widget的命名用的点语法，这在jQuery中是约定俗成。

然后触发自定义事件：

$(".class").trigger("refresh.widget");

trigger函数可以传入第二个参数来给事件回调函数传入数据。

e.g:

$(".class").bind("frob.widget", function(event, dataNumber) { 
    console.log(dataNumber)  // => 5
});

$(".class").trigger("frob.widget", 5);

2.操作DOM（与JS原生对比）

原生JS的DOM操作：

var views = document.getElementById("#view");
views.innerHTML = ""; // 将元素内容清空

var container = document.createElement("div");
container.id = "user";

var name = document.createElement("span");
name.innerHTML = data.name;

container.appendChild(name);
views.appendChild(container);

相应jQuery的DOM操作：

$("#views").empty();

var container = $("<div />").attr({id: "user"});
var name = $("<span />").text(data.name);

$("#views").append(container.append(name));