在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ BackboneJS view.$(selector)方法
BackboneJS Collection.extend()方法
BackboneJS collection.pop()方法
BackboneJS collection.set()方法
BackboneJS collection.remove()方法
BackboneJS view.attributes
Backbone.View.extend()方法
BackboneJS router.route()方法
BackboneJS model.destroy()方法
BackboneJS視圖初始化
BackboneJS事件stopListening
BackboneJS collection.clone()方法
BackboneJS router.navigate()方法
BackboneJS model.idAttribute屬性
BackboneJS router.execute()方法
BackboneJS模型
BackboneJS model.previousAttributes()方法
BackboneJS model.escape()方法
BackboneJS model.previous()方法
BackboneJS應(yīng)用
BackboneJS view.setElement()方法
BackboneJS collection.findWhere()方法
BackboneJS collection.slice()方法
BackboneJS view.el
BackboneJS集合
BackboneJS model.unset()方法
BackboneJS collection.comparator屬性
BackboneJS collection.push()方法
BackboneJS model.save()方法
BackboneJS collection.shift()方法
BackboneJS collection.parse()方法
BackboneJS Collection.model
BackboneJS教程
BackboneJS model.defaults
BackboneJS事件trigger
BackboneJS collection.sync()方法
BackboneJS model.has()方法
BackboneJS model.isNew()方法
BackboneJS model.url()方法
BackboneJS Model.get()方法
BackboneJS視圖
BackboneJS model.clone()方法
BackboneJS collection.toJSON()方法
BackboneJS Backbone.emulateHTTP
BackboneJS Router初始化
BackboneJS環(huán)境設(shè)置
BackboneJS model.fetch()方法
BackboneJS事件
BackboneJS Model.set()方法
BackboneJS router.routes
BackboneJS collection.unshift()方法
BackboneJS collection.add()方法
BackboneJS collection.models
BackboneJS model.hasChanged()方法
BackboneJS collection.url()方法
BackboneJS Backbone.history.start()方法
BackboneJS model.validate()方法
BackboneJS collection.create()方法
BackboneJS model.parse()方法
BackboneJS事件on
BackboneJS collection.at()方法
BackboneJS事件off
BackboneJS view.$(selector)方法
BackboneJS .sync()方法
BackboneJS collection.sort()函數(shù)
BackboneJS collection.length
BackboneJS model.changedAttributes()方法
BackboneJS model.isValid()方法
BackboneJS model.attributes屬性
BackboneJS collection.reset()方法
BackboneJS model.validationError
BackboneJS model.clear()方法
BackboneJS collection.get(id)方法
BackboneJS model.changed
BackboneJS同步
BackboneJS 集合初始化
BackboneJS collection.fetch()方法
BackboneJS model.sync()方法
BackboneJS Model.extend()方法
BackboneJS model.id屬性
BackboneJS model.urlRoot()方法
BackboneJS路由
BackboneJS事件once
BackboneJS collection.pluck()方法
BackboneJS view.template(data)方法
BackboneJS事件listenTo
BackboneJS collection.where()方法
BackboneJS model.toJSON()方法
BackboneJS Backbone.emulateJSON
BackboneJS Model.initialize()方法
BackboneJS view.$el
BackboneJS事件listenToOnce
BackboneJS model.cid屬性

BackboneJS view.$(selector)方法

如果jQuery包含在頁面上，在每個(gè)視圖具有運(yùn)行視圖的元素中范圍里查詢一個(gè)$函數(shù)。如果使用該范圍內(nèi)的jQuery函數(shù)，不必使用模型ID作為查詢拉出的具體內(nèi)容在列表的一部分，并且可以依靠更多的HTML類屬性。這等同于運(yùn)行： view.$el.find(selector)

語法

view.$(selector)

參數(shù):

  • selector:  使用不同類型的選擇，如ID或類。

顯示

<!DOCTYPE html>
   <head>
      <title>View Example</title>
         <script src="https://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js" type="text/javascript"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js" type="text/javascript"></script>
   </head>
   <body>
   <div id="myVal">
        <button id="button" data-test="">Click Here</button>
    </div>
   <span id="myLog"></span>
      <script type="text/javascript">

        //The variable contains id selector as 'mydata'
         var myLog = $('#mydata');

         //The variable 'data' is used to display the values
         var data = function(val) {
            document.write(val);
         };

         //'ViewDemo' is a name of the view class
         var ViewDemo = Backbone.View.extend({

         //When click event occurs it activates the defined functions 'myFunc1' and 'myFunc2'
            events: {
               'click [data-test]' : 'myFunc1',
               'click *[data-test]': 'myFunc2',
            },

            //'el' uses '#myVal' as the view reference
            el: $('#myVal'),

            //When user clicks the button, it refers to the button defined within the 'div' tag and
            //it will display the below statements
            myFunc1: function () {
               data('Hello...');
            },
            myFunc2: function () {
               data('Welcome to yiibai.com...');
            }
        });

        //'myview' is an instance of the 'ViewDemo' class
        var myview = new ViewDemo();
      </script>
   </body>
</html>

輸出

讓我們進(jìn)行以下步驟來看看上面的代碼工作：

  • 保存上述代碼到dollar-jquery.html文件

  • 在瀏覽器打開這個(gè)HTML文件。