简介
@ember/jquery 是一个 Ember.js 的插件，它提供了对 jQuery 的一些扩展和优化，以更好地与 Ember.js 配合使用。
在使用 @ember/jquery 之前，你需要先了解一些 jQuery 的基础知识。
安装
使用 npm 安装 @ember/jquery：
npm install --save @ember/jquery
引入
在你的 Ember.js 应用中，你需要在 app.js 中引入 @ember/jquery。
import $ from '@ember/jquery';
使用
选择器
@ember/jquery 扩展了 jQuery 的选择器，可以支持更多的选择器类型。
// 通过 class 选择
$('.my-class');
// 通过 data 属性选择
$('[data-my-attr]');
// 通过 Ember 组件选择
$(':ember-component');事件绑定
@ember/jquery 提供了一些 Ember.js 专属的事件绑定方式，可以更直接地与 Ember.js 交互。
-- -------------------- ---- ------- -- -- ----- -- -------------------------- ---------- - -- --- --- -- -- ----- ---- --------------------------------------- ---------- - -- --- ---
操作
@ember/jquery 通过扩展 jQuery 的方法，可以更方便地操作 Ember.js 中的组件和属性。
// 获取 Ember 组件实例
let component = $('.ember-view').view();
// 设置 Ember 组件属性
component.set('myProp', 'new value');
// 获取 Ember 组件属性
let value = component.get('myProp');扩展
@ember/jquery 还提供了一些 Ember.js 的特定扩展，可以更直接地操作 Ember.js 中的相关内容。
// 获取当前路由处理器实例
let routeHandler = $.getOwner(this).lookup('route:application');
// 获取服务实例
let myService = $.getOwner(this).lookup('service:my-service');总结
@ember/jquery 是一个非常有用的插件，它扩展了 jQuery 的功能，可以更方便地操作 Ember.js 中的组件和属性。在实际开发中，建议将其引入到项目中，以提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaa38b5cbfe1ea06103c5