码迷,mamicode.com
首页 > Web开发 > 详细

如何使用angular 实现jquery选择器功能

时间:2016-03-18 19:43:03      阅读:783      评论:0      收藏:0      [点我收藏+]

标签:

1.$event对象
 
 $event对象其实就是潜在的jQuery事件对象,通过$event.target获取这个元素,通过$event.currentTarget获取子元素
例如:
<li ng-click="getApplicationListByType(1,$event)"><a>医疗健康</a></li>
//根据类型获取服务列表
$scope.getServiceListByType = function(item,e){
console.log("$event:",e);
console.log("$event.target:",e.target);
console.log("$event.currentTarget:", e.currentTarget);
}
输出如下:

技术分享

技术分享

 
 
2. $event和angular.element实现jquery选择器功能
 
//根据类型获取服务列表
$scope.getServiceListByType = function(item,e){
  var obj = e.currentTarget;
  angular.element(obj).addClass(‘active‘);
  var childObj = e.target;
  angular.element(childObj).addClass(‘‘);

}

3. Angular.element

Angular‘s jqLite

jqLite provides only the following jQuery methods:

 

如何使用angular 实现jquery选择器功能

标签:

原文地址:http://www.cnblogs.com/wuwanyu/p/wuwanyu20160318.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!