如何使用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">测试一< ...
一周排行
  • ASP.NETMVCModel绑定(六)
    ASP.NET MVC Model绑定(六) 前言 前面的篇幅对于IValueProvid ...
  • BPDU guard和bpdufilter的一些介绍BPDU GUARD的功能是当这个端口收到任何的BPDU就马上设为Error-Disabled状态.我们知道,当交换机STP功能启用的时候,默认所有端口都 会参与S ...
  • 程序猿闭门造车之NBPM工作流引擎-项目整体架构
    前言:      又是一年一度的圣诞节,可这关我什么事呢 :( ,好不容易周末了,还是说说 ...
  •   我眼中的强者    在大学里一晃三年而过,大家现在都是分成了几个方向去努力,有的出国,有的读研,还有的找工作,以及极少的父母安排.这些童鞋里,我个人觉得出国的和找工作的童鞋更让我认可.出国的童鞋准备过程漫长而且辛 ...
  • 自定义验证的注解: /** * This constraint is to be put on object level for which need to validate on the Product SKU.  ...
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml ...
  • [摘自<Linux/Unix系统编程手册>] 一般而言,将信号处理器函数设计的越简单越好.其中一个重要原因就在于,这将降低引发竞争条件的风险.下面是针对信号处理器函数的两种常见设计: 信号处理器函数设置全 ...
  • 第一步:把'NT AUTHORITY\NETWORK SERVICE' 添加到Administrator组中 我的电脑-->右键-->管理-->本地用户和组 选择“组”-->双击Adminis ...
  • 原文链接: http://blog.csdn.net/liigo/archive/2006/01/17/582231.aspx 本文写给主要工作在Windows操作系统下而又需要开发一些跨平台软件的程序员朋友,以及程 ...
  • 原文出自:http://yifangyou.blog.51cto.com/900206/10115351.虚拟化个人用户时代我第一次接触虚拟化是在2005,当时需要做PCB电路设计,老师提供的软件只能在win98下跑 ...