您现在的位置是: 首页 >  技术分享 > 

jquery 调用函数
叶子 2014-04-18 16:40:15


一直以来jquery都是弱向,尤其是编写函数集成的时候,更是摸不着头脑。今天看同事在一个js文件里,写得蛮高深的,我就尝试着写一些简单的小例子。尽管是菜得有这么没水准,可是看着身边的大神们这么有水平,还是蛮期待自己可以随心所欲,几行代码写出N多效果了。当然只是期待了,努力努力再努力吧。

一、这个一个小例子,调用其函数,在div里显示信息内容,若不填写则使用默认信息。

、首先引入jquery文件,

、写好html代码


、最重要的一步了,开始写函数了。如下所示:


function showContent(options){
    var defaults = {
                        width:300px,
                        heigth:200px,
                        content:"测试数据"
                        };
    var options = $.extend(defaults,options);
    $("#show_loading").html(options.content);
}


最后一步就可以直接调用刚才写得那个函数了

1、如果不填写数据,则写

<script type="text/javascript">showContent();</script>

2、如果填写数据,则写

<script type="text/javascript">showContent({content:2222});</script>

yezismile wechat
欢迎关注博主公众号
分享:

Copyright © 2018
www.yezismile.com All rights reserved. 京ICP备15029736号-1