angular中的jqLite的基本使用方法

–>

angular.element() 参数要求是HTML string or DOMElement,

angular.element 虽然很接近 jQuery，但是直接通过 HTML tag 去获取元素还是不行的，最简单的办法是这样：

angular.element(document.querySelector(\'p\'));

angular.element(document.querySelector(\'#id1\'));

angular.element(document.querySelector(\'.class\'));

注：querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。

Angular\’s jqLite

jqlite只提供以下的jQuery方法：

• addClass()
• after()
• append()
• attr() – 不支持函数作为参数
• bind() – 不支持命名空间，选择器或事件数据
• children() – 不支持选择器
• clone()
• contents()
• css() -只有将内联样式，不叫getcomputedstyle()
• data()
• detach()
• empty()
• eq()
• find() – 通过标签名称限定查找
• hasClass()
• html()
• next() – 不支持选择器
• on() – 不支持命名空间，选择器或事件数据
• off() – 不支持命名空间或选择器
• one() – 不支持命名空间或选择器
• parent() – 不支持选择器
• prepend()
• prop()
• ready()
• remove()
• removeAttr()
• removeClass()
• removeData()
• replaceWith()
• text()
• toggleClass()
• triggerHandler() – 通过一个虚拟事件对象来处理。
• unbind() – 不支持命名空间
• val()
• wrap()

 注：如何使用原生的方法

link:function(scope,elm,attr){

   var oH = elm.css(\'height\');


     console.log(elm[0].offsetHeight);

}

原文链接：https://www.cnblogs.com/Greenzgz/p/5274624.html
本文来源 互联网收集，文章内容系作者个人观点，不代表 本站 对观点赞同或支持。如需转载，请注明文章来源,如您发现有涉嫌抄袭侵权的内容，请联系本站核实处理。