AngularJS中的jQuery
来源:互联网 发布:seo研究中心 编辑:程序博客网 时间:2024/06/06 14:01
jqLite:向jQuery致敬
在DOM操作方面,没有人比jQuery做的更好。AngularJS以一种特殊的方式 向jQuery表达了敬意:内置精简版的jQuery - jqLite。 和jQuery一样,jqLite兼容多个浏览器。 **jqLite**以`angular.element`接口提供出来,兼容jQuery API的一个子集。 在AngularJS的所有API中的element对象,都不是纯粹的DOM对象,而是经过jqLite 封装过的。
选择符的问题
从开发者的角度,jqLite最明显的精简是不支持选择符。你只能向 angular.element传入一个DOM对象。看起来AngularJS将这部分功能让位给浏览器 原生的支持了,我们可以先使用浏览器的querySelector获得一个DOM对象:
var tpl = document.querySelector('#clock');angular.element(tpl).text(...);
jQuery库的兼容性
如果某种原因你不愿意使用jqLite,也可以在AngularJS之前引入jQuery库。 AngularJS自动地将jqLite升级成jQuery,angular.element等同于 $ 。 这样又可以使用熟悉的选择符了。
扩展的方法
jqLite包括一些额外的方法以适应AngularJS框架:
controller(name) - 获得元素对应的控制器对象
injector() - 获得元素对应的注入器对象
scope() - 获得元素对应的作用域对象
isolateScope() - 获得元素对应的隔离作用域对象,如果有的话。
inheritedData() - 和data()一样,但如果当前元素没有指定的数据,会向上级 节点继续找。
扩展的事件
jqLite还提供一个$destroy事件,当DOM对象被从DOM树删除时,AngularJS将触发 这个事件,以便指令进行一些善后清理工作。
本文转自:http://www.hubwiz.com/class/54f3ba65e564e50cfccbad4b
0 0
- AngularJS中的jQuery
- AngularJs中的Jquery
- js、Jquery、AngularJs中的extend方法
- AngularJS中的 XMLHttpRequest ($http)相当于jQuery中的ajax
- AngularJS中的$http.post与jQuery.post的区别
- AngularJS中的$http.post与jQuery.post的区别
- angularjs中使用jquery
- 对比Jquery 与 AngularJs
- AngularJs 与Jquery区别
- AngularJS中的依赖注入
- $q -- AngularJS中的服务
- 谈谈AngularJS中的$watch
- AngularJS中的$routeProvider
- AngularJs中的延迟加载
- AngularJS中的基本概念介绍
- AngularJS中的Promise
- AngularJS中的控制器
- AngularJS中的Promise
- mysql错误的解决办法
- 第13周项目2—动物这样叫 (1)
- 十分钟搞清字符集和字符编码___https://linux.cn/article-5027-1.html
- jsp中动态include和静态include的区别
- 二叉树的C++模板类头文件源代码实现
- AngularJS中的jQuery
- Swift开篇010->下标
- 【Android】WebView加载https页面不能正常显示资源问题
- Delphi对ini文件的操作
- codesmith 7.0 破解
- java获取mysql数据,resultSetToJson,结果集转换成json数组
- 网站
- 公共方法
- RecyclerView添加Header(头布局)+无限轮播