jQuery插件

一、cookie插件

保存:$.cookie(key,value);读取:$.cookie(key),删除:$.cookie(key,null)

其中参数key为保存cookie对象的名称,value为名称对应的cookie值。适用于保存用户信息,浏览记录等,如保存登录密码,下次使用直接出现在输入框中就是使用该插件。

    $(function () {

                    if ($.cookie("email")) {

                        $("#email").val($.cookie("email"));  }  /*将#email的内容设置为读取到的cookie里
                                                                 email的内容,即下次直接显示在输入框*/

                    $("#btnSet").bind("click", function () {

                        if ($("#chksave").is(":checked")) {

                            $.cookie("email",$("#email").val(), { /*保存输入的内容*/

                                path: "/", expires: 7       })

                    }

                        else { $.cookie("email",null), {          /*删除输入的内容*/

                                path: "/"  })

                        } });

    });

二、搜索插件——autocomlete()

调用格式如下:$(textbox).autocomplete(urlData,[options]);
其中,textbox参数为文本框元素名称,urlData为插件返回的相近字符串数据,可选项参数options为调用插件方法时的配置对象。

用于输入框自动匹配选择项。

jQuery插件_第1张图片
显示效果
$(function () {
                var arrUserName = ["王五", "刘明", "李小四", "刘促明", "李渊", "张小三", "王小明"];
                $("#txtSearch").autocomplete(arrUserName,{
                    minChars: 0, //双击空白文本框时显示全部提示数据
                    formatItem: function (data, i, total) {
                        return "" + data[0] + ""; //改变匹配数据显示的格式
                    },
                    formatMatch: function (data, i, total) {
                        return data[0];
                    },
                    formatResult: function (data) {
                        return data[0];
                    }
                }).result(SearchCallback); 
                function SearchCallback(event, data, formatted) {
                    $(".tip").show().html("您的选择是:" + (!data ? "空" : formatted));
                }
            });

你可能感兴趣的:(jQuery插件)