编写一个最简单的jQuery插件出了问题

Question

我想制作一个简单的插件改变内层div的值，代码如下

    <div id="bb" style="width:220px;border:1px solid #ccc">
           
       <div style="margin-top:10px;margin-bottom:30px">8</div>
       </div>
       <script>
       $.fn.change_text = function(options) {
      options = $.extend({},$.fn.change_text.defaults,options);
      return this.each(function() {
          var self = $(this);
          self.children("div").text(options[title]);
      })
     
    };
     $.fn.change_text.defaults = {
16         title : "这是一个简单的测试" ;
17        
18     } ;
    $("#div1").change_text();
       </script>

看下调试台

请问如何写才正确？

Answer 1

<div id="div1">
   <div></div>
</div>

<script>
$.fn.change_text = function(options) {
    options = $.extend({}, $.fn.change_text.defaults, options);
    return this.each(function() {
        var self = $(this);
        self.children("div").text(options['title']);
    })

};
$.fn.change_text.defaults = {
    title: "这是一个简单的测试"
};
$("#div1").change_text();
</script>

Answer 2

错误有两点：

1. 去掉16行最后的分号

2. 11行中括号的title用引号括起来。

这是语法问题，既然想研究jquery做插件，最基本的语法不能差。

强化一下基础吧

另外，要想写jquery插件，最好还是按照官方建议的插件编写格式，你这种格式肯定是需要改进的