#Zepto 事件

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

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

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

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

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

var elem = $("#content");

elem.on("click", function (e) {});

elem.on("click", "nav a", function (e) {});

$(document).on("click", "a", function (e) {});

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// 获取文本
$("ul li").eq(0).text();

// 设置文本
$("ul li").eq(0).text("设置文本内容");

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

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

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

// 获取元素值
$("input").val();

// 设置元素值
$("input").val("姓名");

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

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

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

// 获取id为app元素的宽度
$("#app").width();

// 为元素设置宽度
$("#app").width(100);

// GET请求
$.ajax({
    type: "GET",
    url: "url",
    data: {
        name: "xxx",
    },
    dataType: "json",
    timeout: 300,
    context: $("body"),
    success: function (data) {},
    error: function (xhr, type) {},
});

// POST 请求：需要通过JSON.stringify()将参数转化为JSON字符串
$.ajax({
    type: "POST",
    url: "url",
    data: JSON.stringify({
        name: "xxx",
    }),
    success: function (data) {},
    error: function (xhr, type) {},
});

$.get(
    "url",
    function (response) {
        $(document.body).append(response);
    },
    [dataType]
);

// POST请求简写方式
$.post(
    "/url",
    {
        sample: "xxx",
    },
    function (response) {
        console.log(response);
    }
);

// 参数可以为一个字符串
$.post("url", $("#app").serialize(), function (response) {
    console.log(response);
});

$.getJSON("xxx.json", function (data) {
    console.log(data);
});

// callback()回调函数
$.getJSON("xxx.json?callback=?", function (remoteData) {
    console.log(remoteData);
});