本文概述
Backbone.js $(jQuery)方法用于运行视图元素范围内的查询。使用此功能后,你不必在查询中使用模型ID来获取列表中的特定元素,并且可以更多地依赖HTML类属性。它与运行相同:view。$ el.find(selector)
句法:
view.$(selector)
参数说明
选择器:它指定选择器的不同类型,即ID或类。
让我们举个例子。
请参阅以下示例:
<!DOCTYPE html>
<head>
<title>View $(jQuery) 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 Me</button>
</div>
<span id="myLog"></span>
<script type="text/javascript">
var myLog = $('#mydata');
var data = 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文件中,然后在新的浏览器中打开此文件。
点击按钮,你将看到以下内容:
评论前必须登录!
注册