jQuery插件

最新推荐文章于 2025-04-10 23:40:02 发布

原创最新推荐文章于 2025-04-10 23:40:02 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

9 篇文章

订阅专栏

一 jQuery的ajax请求

（1）dataType 返回的数据格式

“xml”：返回 XML 文档，可用 jQuery 处理；
. “html”：返回纯文本 HTML 信息；包含的script标签会在插入dom时执行；
“script”：返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。’’‘注意：’’'在远程请求时(不在同一个域下)，所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)；
“json”：返回 JSON 数据；
“jsonp”：JSONP 格式。使用 JSONP 形式调用函数时，如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名，以执行回调函数；
“text”：返回纯文本字符串。

（2）小细节

async：true, //true：异步请求、false：同步请求，可以不写，默认是异步；

（3）插件机制

jQuery.fn.extend(object)：扩展jQuery元素集来提供新的方法（通常用来制作插件）；
jQuery.extend(object)：扩展jQuery对象本身,用来在jQuery命名空间上增加新函数。
代码展示

$(".btn").click(function () {
        $(this).mySlider();
        $.studentinfo();
    });

// 1.扩展jquery 元素集
    $.fn.extend({
        mySlider: function () {
            console.log("我扩展的方法");
        }
    });

//2.扩展给jQuery对象本身
    $.extend({
        studentinfo: function () {
            console.log("我是扩展的方法！！");
        }
    })

extend合并功能

 var info={
        name: "张三",
        sex: "男"
    };
    var list={
        name: "李四",
        sex: "女",
        age: "20"
    };
    console.log($.extend({},list, info));
    //合并info 和 list的内容，输出内容为：{name: "张三", sex: "男", age: "20"}

    console.log(Object.assign({}, info, list));
    //合并对象的功能
    //后面的覆盖前面的，输出内容为：{name: "李四", sex: "女", age: "20"}