backbone.js视图jquery backbone.js视图jquery|Backbone.js教程

本文概述

参数说明

Backbone.js $（jQuery）方法用于运行视图元素范围内的查询。使用此功能后，你不必在查询中使用模型ID来获取列表中的特定元素，并且可以更多地依赖HTML类属性。它与运行相同：view。$ el.find（selector）
句法：

view.$(selector)

参数说明选择器：它指定选择器的不同类型，即ID或类。
让我们举个例子。
请参阅以下示例：

< !DOCTYPE html> < head> < title>View $(jQuery) Example< /title> < script src="http://img.readke.com/220416/0I62213J-0.jpg" type="text/javascript">< /script> < script src="http://img.readke.com/220416/0I622A95-1.jpg" type="text/javascript">< /script> < script src="http://img.readke.com/220416/0I622D54-2.jpg" type="text/javascript">< /script> < /head> < body> < div id="myVal"> < button id="button" data-test="">Click Me< /button> < /div> < span id="myLog">< /span> < script type="text/javascript">var myLog = $('#mydata'); var data = http://www.srcmini.com/function(val) { document.write(val); }; var ViewDemo = Backbone.View.extend({ events: {'click [data-test]' : 'myFunc1', 'click *[data-test]': 'myFunc2', }, el: $('#myVal'), myFunc1: function () { data('Welcome to srcmini'); }, myFunc2: function () { data(': A solution of all technology...'); } }); var myview = new ViewDemo(); < /script> < /body> < /html>

输出：
将上面的代码保存在$ jquery.html文件中，然后在新的浏览器中打开此文件。