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

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:

更多相关文章
  •  买了<Jqeruy权威指南>很久,也粗略地过了一遍,现在需要用到相关的技术,所以重新理一遍. 整理一下自己的对jquery选择器的知识点.详细博文请见我的博客地址:http://www.hanluner.com/201111/77.html  没有船的海贼jquery选择器主要有几种方 ...
  • 在分析之前说一点题外话. ownerDocument和 documentElement的区别 ownerDocument是Node对象的一个属性,返回的是某个元素的根节点文档对象:即document对象:documentElement是Document对象的属性,返回的是文档根节点 对于HTML文档 ...
  • 转自:http://www.jb51.net/article/26261.htm一.JQuery与JavaScript 1.JavaScript库 使用过JavaScriptDOM的人都应该知道(比如昨天的练习),使用JSDOM进行页面的操作是十分麻烦的.比如获取.修改及添加子节点等这些操作.如果操 ...
  • 2.2.7 子元素过滤选择器突出指定某行的需求jQuery可以通过子元素过滤选择器轻松获取所有父元素中指定的某个元素.表 2-13 子元素过滤选择器语法选择器功能返回值:nth-child(eq|even|odd|index)获取每个父元素下的特定位置元素,,StartColorStr=#fffff ...
  • JavaScript之jQuery-2jQuery选择器(jQuery选择器、基本选择器、层次选择器、过滤选择器、表单选择器)
    一.jQuery 选择器jQuery 选择器简介  - jQuery 选择器类似于 CSS 选择(定位元素,施加样式),能够实现定位元素,施加行为  - 使用 jQuery 选择器能够将内容与行为分离  - 学会使用选择器是学习 jQuery 的基础jQuery 选择器的优势  - 简洁的写法:  ...
  • javascript实现Win8磁帖UI,思路,简明JQuery多功能包装,易用
    JS实现Win8磁帖UI(JQuery多功能包装,易用) 想用一下Win8的磁帖界面于网页之中.寻到的资源皆不满意,自己动手写了一个.使用起来还是比较方便.可以拖拽,滑动,旋转,点击,排序…… 效果如下:短按触发功能,长按等待拖拽,why no try 我要去百度雅蠛蝶 锄禾滴下土汗滴日当午 百百百 ...
  • jQuery-1.9.1源码分析系列二jQuery选择器
    1.选择器结构 jQuery的选择器根据源码可以分为几块 init: function( selector, context, rootjQuery ) { ... // HANDLE: $(""), $(null), $(undefined), $(false) ... // ...
  • jquery选择器控制li点击css效果html代码:<ul id="aaa">    <li><a class="curricula qadown" href="#/activities">测试一< ...
一周排行