如何使用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">测试一< ...
一周排行
  • 程序员的十层楼作者: 周伟明 转自:第层 看这里:[url]http://software.intel.com/zh-cn/blogs/2009/02/04/400001071/?cid=sw:51cto[/u ...
  • 队列是一种列表,不同的是队列只能在末尾插入元素,在队首删除元素.队列用于存储按顺序排列的数据.先进先出.这点和栈不一样,在栈中,最后入栈的元素反被优先处理.可以将队列想象成银行排队办理业务的人,排队在第一个的人先办理 ...
  • 如何使用代理服务器上网什么是代理服务器  代理服务器(Proxy Server)是网上提供转接功能的服务器,在一般情况下,我们使用网络浏览器直接去连接其他Internet站点取得网络信息时,是直接联系到目的站点 服务 ...
  •  network 192.168.1.0 255.255.255.0dns-server 218.1.1.1 default-router 192.168.1.254 network 192.168.2.0 255. ...
  • 办法一: 开启sql2005远程连接功能,开启办法如下:           配置工具->sql server外围应用配置器->服务和连接的外围应用配置器->打开MSSQLSERVER节点下的Dat ...
  • 周六的时候,应赛迪的邀请参加一次博友聚会,有时,我们经常参加各种聚会,参加聚会遇到的第一个问题是找聚会的地点,其实,细心的编辑早把地图放到网上啦!但很多人的习惯还不是以网上的地图来指导自己行动,比如,我和老董,我出发 ...
  • 首先,要跟大家道个歉,前一阵子为给客户个一个DEMO,忙得不可开交,所以很久没有更新Blog.提到这个DEMO我想顺便跟大家分享一下心得--如果大家希望快速开发,一个类似Struts 2这样的简单方便的WEB框架必不 ...
  • jQuery的each终止或跳过:涉及迭代,不可避免需要有非正常终止,或强制跳过的情况涉及迭代,不可避免需要有非正常终止,或强制跳过的情况.在jQuery的each函数中,存在以下关系:continue :retur ...
  • harris角点检测的学习
        Harris通过运用微分运算和自相关矩阵改进了Moravec角点检测算法.用微分算 ...
  • 一, ajax方式 (一)controller中 1. 定义AjaxResponse类 成员有: status , message, data.  其中 status是成功或失败状态, message是给出的相关信息 ...