jQuery自定义函数

转载于 2013-07-31 23:24:11 发布 · 524 阅读

文章标签：

#jQuery

.Net 专栏收录该内容

11 篇文章

订阅专栏

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="~/Content/jquery-1.7.1.min.js"></script>
    <script language="javascript" type="text/javascript">
        $(function () {
            $.fn.TestJq = function (options) {
                //默认参数
                var settings = {
                    Display: "block",
                    Text: "这里是内容"
                };
                 
                //传入参数覆盖
                if (options) {
                    jQuery.extend(settings, options);
                }
                 
                this.css("display",settings.Display).html(settings.Text);
 
            };
             
            $("#div1").TestJq({Display:"block", Text: "新内容!" });
        });
    </script>
</head>
<body>
    <div id="div1">
         
    </div>
</body>
</html>