#Zepto.js 相关事件

1// 创建并初始化一个指定的DOM事件
2$.Event("mylib:change", {
3	bubbles: false
4});

1// 创建并初始化一个指定的DOM事件
2let obj = {
3		name: "Zepto"
4	},
5	handler = function () {
6		console.log("hello Zepto ", this.name);
7	};
8$(document).on("click", $.proxy(handler, obj));

1$("#app").bind("click", function (e) {
2	alert("bind方法");
3});

1$("#app").delegate("button", "click", function (e) {
2	alert("delegate方法,推荐使用on绑定事件！");
3});

1$("#app").off("click", [Element], function (e) {
2	alert("移除on绑定的事件！");
3});

1var elem = $("#content");
2
3elem.on("click", function (e) {});
4
5elem.on("click", "nav a", function (e) {});
6
7$(document).on("click", "a", function (e) {});

1$("#btn").one("click", "a", function (e) {});

1// input上的focus事件触发，input获取焦点
2$("input").trigger("focus");

1// input上的focus事件触发，但是input不会获取焦点
2$("input").triggerHandler("focus");

1// input上的focus事件触发，但是input不会获取焦点
2$("#app").unbind("click", function (e) {});

1reduce(function (memo, index, array) {}, [initial]);

1$("#app div").remove();

1$("#app div").removeAttr(".aaa");

1$("#app div").removeClass("xc");

1$("#app").replaceWith("abcd");

1$("#app").scrollLeft();

1$("#app").scrollTop();

1$("#app").show();

1$("#app").siblings();

1$("ul li").size();

1var a11 = [1, 2, 3, 4, 5, 6, 7, 8];
2var a_4 = a11.slice(4);
3console.log(a_4);

1// 获取文本
2$("ul li").eq(0).text();
3
4// 设置文本
5$("ul li").eq(0).text("设置文本内容");

1$("#box").toggle(true); // true => show false=> hide

1$("#box").toggleClass("bt");

1$("ul li").unwrap();

1// 获取元素值
2$("input").val();
3
4// 设置元素值
5$("input").val("姓名");

1$("span").wrap("p");

1$("ul li").wrapAll("div");

1$("ul li").wrapInner("div");

1// 获取id为app元素的宽度
2$("#app").width();
3
4// 为元素设置宽度
5$("#app").width(100);

1// GET请求
2$.ajax({
3	type: "GET",
4	url: "url",
5	data: {
6		name: "xxx"
7	},
8	dataType: "json",
9	timeout: 300,
10	context: $("body"),
11	success: function (data) {},
12	error: function (xhr, type) {}
13});
14
15// POST 请求：需要通过JSON.stringify()将参数转化为JSON字符串
16$.ajax({
17	type: "POST",
18	url: "url",
19	data: JSON.stringify({
20		name: "xxx"
21	}),
22	success: function (data) {},
23	error: function (xhr, type) {}
24});

1$.get(
2	"url",
3	function (response) {
4		$(document.body).append(response);
5	},
6	[dataType]
7);

1// POST请求简写方式
2$.post(
3	"/url",
4	{
5		sample: "xxx"
6	},
7	function (response) {
8		console.log(response);
9	}
10);
11
12// 参数可以为一个字符串
13$.post("url", $("#app").serialize(), function (response) {
14	console.log(response);
15});

1$.getJSON("xxx.json", function (data) {
2	console.log(data);
3});
4
5// callback()回调函数
6$.getJSON("xxx.json?callback=?", function (remoteData) {
7	console.log(remoteData);
8});