目录:
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));