第七章 jquery插件

管理cookie的插件--cookie

jquery插件太多没什么好讲的，百度太多

说以下 cookie插件

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <script src="js/jquery-1.71.0.js" type="text/javascript" charset="utf-8"></script>

        <script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>

        <script type="text/javascript">

            $(function(){

                var cookie_name = 'username';

                $('#check').click(function(){

                    if (this.checked) {

                        $.cookie(cookie_name,$("#username").val(),{path:'/',expires:})  //保存用户名

                    }else{

                        $.cookie(cookie_name,null,{path:'/'});

                    }

                })

                if($.cookie(cookie_name))

                {

                     $("#username").val($.cookie(cookie_name));

                }

            })

        </script>

    </head>

    <body>

         用户名：<input type="text" name="username" id="username"/> <br/>

   <input type="checkbox" name="check" id="check"/>记住用户名

    </body>

</html>

//写入cookie
$.cookie('the_cookie',"the_value");//待写入的cookie名与写入的值
//读取cookie名
$.cookie('the_cookie')
//删除cookie
$.cookie('the_cookie',null)
//其他参数
$.cookie("the_cookie","the_value",{
expires:7, //日期
path:"/", //路径
domain:"jquery.com", //域名
secure:true //cookie传输要求一个安全协议，例如https

二。编写简单插件入门

插件编写三种方法

1.封装对象方法的插件

大多数插件采用这种方法

<script type="text/javascript">

        //jquery对象扩展的方法 采用$.fn.extend 方法

            ;(function($){

                //插入代码

                $.fn.extend({

                    "color":function(value){

                        return this.css("color",value);

                    }

                });

            })(jQuery)

            //插件应用

            $(function(){

                console.log($("div").color())

            })

        </script>

2.封装全局函数的插件

如：$.trim() $.ajax()

巴特西

【锋利的Jquery】读书笔记七

第七章 jquery插件

管理cookie的插件--cookie

二。编写简单插件入门

1.封装对象方法的插件

2.封装全局函数的插件

3.选择器插件

最新文章

热门文章