angular中的jqLite所包含的jquery API

Angular本身包含了一个叫做jqLite的可兼容性库。 使用过的angular.element()方法就返回一个jqLite对象,

jqLite是jQuery库的子集,它 允许Angular以跨浏览器兼容的方式维护DOM。 jqLite并不试图覆盖jQuery库包含的所有方法,它旨在保持轻量,

并且只覆盖了Angular要用 到的那些方法。

这个库包含以下jQuery方法。

addClass() 给元素添加指定的类。

after() 在元素的后面插入内容。

append() 将内容插入到元素的尾部。

attr() 获取或者设置元素的属性①值。

bind()/on() 给选中元素的一个或者多个事件附加一个事件处理程序。

children() 获取元素的子元素。

clone() 创建一个元素的深复制。

contents() 获取每个元素的子节点,返回的集合中包含文本和注释节点。

css() 获取或设置元素的style属性值。

data() 存储或返回与元素关联的指定数据值。

eq() 获取指定索引位置的元素。

find() 过滤元素的子节点,只能通过标签名过滤。

hasClass() 确定元素本身是否分配了给定的类。

html() 获取或者设置元素的HTML内容。

next() 获取紧跟元素的兄弟元素。

off()/unbind() 通过名称移除一个事件处理程序。

parent() 获取元素的父元素。

prepend() 将内容插入到元素的开头。

prop() 获取或设置元素的属性①值。

ready() 指定一个DOM加载完成时执行的函数。

remove() 从DOM中移除元素。

removeAttr() 从元素中移除一个属性(attribute)。

removeClass() 从元素中移除一个、多个或者所有类。

removeData() 从元素中移除先前存储的数据。

repalceWith() 使用提供的新内容替换元素。

text() 获取或者设置元素中合并的文本内容。

toggleClass() 从元素中添加或者移除一个或者多个类。

triggerHandler() 执行附加给元素的某个事件的所有事件处理程序。

val() 获取或设置元素的当前值。

wrap() 使用指定的HTML结构包裹元素

时间: 2024-12-28 00:28:30

angular中的jqLite所包含的jquery API的相关文章

Angular中ngCookies模块介绍

1.Cookie介绍 Cookie总是保存在客户端中,按在客户端中的存储位置,可分为内存Cookie和硬盘Cookie.内存Cookie由浏览器维护,保存在内存中,浏览器关闭后就消失了,其存在时间是短暂的.硬盘Cookie保存在硬盘里,有一个过期时间,除非用户手工清理或到了过期时间,硬盘Cookie不会被删除,其存在时间是长期的.所以,按存在时间,可分为非持久Cookie和持久Cookie. 主要因为HTTP协议无状态性,服务器需要知道用户在之前的页面做了哪些操作,所欲引入Cookie,是一种解

在angular中结合使用jquery的生成二维码插件

最近在开发项目中,需要在ionic框架中使用到jquery的生成二维码功能的插件,起初我直接在templates中写js代码: 发现这段代码根本就不会执行,原因是js代码必须要在该模块的作用域范围内才能生效,于是把这段代码该模块对应的controller中即可: 在学习angular中永远不要忘记作用域这件事.哈哈,看来学习编程的过程中有时需要抛开传统的思维方式才行啊.虽然只是一个小小的问题,但对于初学angular的我还是纠结了好一阵.

angular中的MVVM模式

在开始介绍angular原理之前,我们有必要先了解下mvvm模式在angular中运用.虽然在angular社区一直将angular统称为前端MVC框架,同时angular团队也称它为MVW(Whatever)框架,但angular框架整体上更接近MVVM模式.下面是Igor Minar发布在Google+ https://plus.google.com/+IgorMinar/posts/DRUAkZmXjNV的文章内容: MVC vs MVVM vs MVP. What a controver

(七)理解angular中的module和injector,即依赖注入

依赖注入(DI)的好处不再赘言,使用过spring框架的都知道.angularjs作为前台js框架,也提供了对DI的支持,这是javascript/jquery不具备的特性.angularjs中与DI相关有angular.module().angular.injector(). $injector.$provide.对于一个DI容器来说,必须具备3个要素:服务的注册.依赖关系的声明.对象的获取.比如spring中,服务的注册是通过xml配置文件的<bean>标签或是注解@Repository.

Angular中的内置指令和自定义指令

NG中的指令,到底是什么(what)? 为什么会有(why)?以及怎样使用(how)? What: 在NG中,指令扩展HTML功能,为 DOM 元素调用方法.定义行为绑定数据等. Why: 最大程度减少DOM操作,实现数据绑定,与业务逻辑进行交互. How: 指令主要分为两种:内置指令和自定义指令,通过下面的例子,简单记录一下如何去使用. 内置指令 在官方API文档上罗列了很多指令,内置指令可以分为:普通指令 和 事件指令,他们都是作用于HTML之上的,通过添加属性的方式来实现的.简单看一下一些

Angular中使用webpack

最近,在开发公司项目的时候,由于组件太多,发出请求太多,导致网站速度太慢,所以我们就有一种强烈的需求,那就是对开发的js进行打包.在对比了各种打包工具之后,最后我们选定了webpack.所以,在这一周除了研究了下如何跨域请求,最主要的时间都去研究webpack去了,虽然没有达到理想中的状态,但是基本的需求应该算是满足了,现在分享出来,希望对大家学习Angular有所帮助. 在正文之前,我先说下,我要分享的内容有: · webpack在Angular中使用 · 建立开发环境与生产环境 · 优化打包

Angular中的$q的形象解释及深入用法

作者:寸志链接:https://zhuanlan.zhihu.com/p/19622332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 早上,老爸说:"儿子,天气如何?" 每周一早上,老爸问儿子下午的天气情况,儿子可以到自家房子旁边小山上使用望远镜来观看.儿子在出发时许诺(Promise)老爸(会通知老爸天气情况). 此刻,老爸决定,如果天气不错,明天就出去捕鱼,否则就不去.而且如果儿子无法获得天气预报的话,也不去捕鱼. 30分钟左右,儿子回来了,每周

理解angular中的module和injector,即依赖注入

依赖注入(DI)的好处不再赘言,使用过spring框架的都知道.angularjs作为前台js框架,也提供了对DI的支持,这是javascript/jquery不具备的特性.angularjs中与DI相关有angular.module().angular.injector(). $injector.$provide.对于一个DI容器来说,必须具备3个要素:服务的注册.依赖关系的声明.对象的获取.比如spring中,服务的注册是通过xml配置文件的<bean>标签或是注解@Repository.

形象的讲解angular中的$q与promise(转)

以下内容摘自http://www.ngnice.com/posts/126ee9cf6ddb68 promise不是angular首创的,作为一种编程模式,它出现在……1976年,比js还要古老得多.promise全称是 Futures and promises.具体的可以参见 http://en.wikipedia.org/wiki/Futures_and_promises . 而在javascript世界中,一个广泛流行的库叫做Q 地址是https://github.com/kriskowa