如何使用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">测试一< ...
一周排行
  • 插入排序1.直接插入排序原理:将数组分为无序区和有序区两个区,然后不断将无序区的第一个元素按大小顺序插入到有序区中去,最终将所有无序区元素都移动到有序区完成排序.要点:设立哨兵,作为临时存储和判断数组边界之用.实现: ...
  • 大数据时代,计算模式从客户机/服务器到节点的转变
        在数据库时代,计算机在分布体系中的角色有明确划分,不是客户机就是服务器,通常是一台 ...
  • iOS开发之旅AFNetworking与SDWebImage下载图片
    AFNetworking与SDWebImage下载图片 // // ViewControl ...
  • 一.准备工作    共性准备配置        1.ntp服务器ntpdate time-server-ip #将时间写入bios hwclock --systohc        2.关闭iptables及seli ...
  • 苹果相声专场放出的巨兽肉食系OR草食系
    库克您说的小怪兽呢?咋没看见,奥特曼很捉急.其实怪兽已经出笼了,只是没留意罢了.毕竟大招还 ...
  • 前言 此文档翻译于第一次学习 ORMLite 框架,如果发现当中有什么不对的地方,请指正.若翻译与原文档出现任何的不相符,请以原文档为准.原则上建议学习原英文文档. ------------------------- ...
  • iPhone4采用了一个叫做retina的屏幕,尺寸和老的iphone一样大,但是分辨率提高了4倍,看起高清的图来,爽太多了,根本看不到像素点.对于老的app来说,在iphone4中运行,会自动用4个像素替代原来 ...
  • jquery实现的判断倒计时是否结束代码:本章节介绍一段代码实例,此代码能够判断当前日期是否已经倒计时结束,此代码中并没有倒计时效果,只是判断是否倒计时完成,比如购物网站优惠期限等,虽然实际应用中,很少会出现类似的代 ...
  •     ITIL即IT基础架构库(Information Technology Infrastructure Library, ITIL,信息技术基础架构库),主要适用于IT服务管理(ITSM).20世纪90年代后期 ...
  • 委托:就是方法的指针=======================================主窗体using System; using System.Collections.Generic; using Sy ...