如何使用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:

时间: 2024-10-05 16:51:05

如何使用angular 实现jquery选择器功能的相关文章

jQuery内核详解与实践读书笔记2:破解jQuery选择器接口1

前两篇已经介绍了如何搭建一个jQuery框架的雏形,从这一篇开始详细了解jQuery选择器的接口.jQuery选择器功能强大但用法很简单,它仅仅提供了一个接口:jQuery(),也可以简写为$(). 1. 简单但很复杂的黑洞 jQuery提供了唯一的接口(jQuery()或$())使选择器与外界进行交流.jQuery框架的基础是查询,即查询文档元素对象,因此可以认为jQuery对象就是一个选择器,并在此基础上构建和运行查询过滤器.jQuery查询结果的数据集合是jQuery对象的一部分.在$()

jQuery(二):jQuery选择器

jQuery选择器类似于CSS选择器,用来选取网页中的元素.例如: $("h3").css("background-color","red"); 说明: 获取并设置网页中所有<h3>元素的背景色. "h3"为选择器语法,必须放在$()中. $("h3")返回jQuery对象. 一.jQuery选择器 jQuery选择器功能强大,种类也很多,分类如下: 1.类CSS选择器 基本选择器 层次选择器

JQuery选择器

JQuery选择器 通过一个样例来分辨这些选择器,首先做一个初始的页面: 1.HTML 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>选择器</title> 6 <script type="text/javascript" src="../JQue

jquery 选择器(name,属性,元素)大全

jQuery 选择器大体上可分为:基本选择器.层次选择器.过滤选择器.表单选择器. 其中过滤选择器可以分为:简单过滤选择器.内容过滤选择器.可见性过滤选择器.属性过滤选择器.子元素过滤选择器.表单对象属性过滤选择器.选择器是jQuery最基础的东西,下面向大家介绍jquery+%D1%A1%D4%F1%C6%F7/" target="_blank">jquery 选择器的用法 选择器是jQuery的核心组成部分,因为使用jQuery操作DOM时所做的每件事都和选择器密切

JQuery选择器--------页面效果

今天你,我给大家带来的是JQuery选择器的一些知识,希望对大家的学习有些帮助! 什么是jquery选择器? 概念允许的多个元素组或单个元素进行操作从而找出想要的元素. 几种jquery选择器的介绍一.基本选择器1. Id选择器功能根据匹配的ID匹配一个元素示例:$(“#id”)2. class选择器 功能根据给定的类匹配元素.示例$(“.class”)3.*功能匹配所有元素.示例$(“*”)4.element功能根据给定的元素名匹配所有的元素.示例$(“div”) 查找所有

学习小记(2015/10/19)——工作中遇见的一个关于jQuery选择器的小要点。

jQuery是现在非常流行的js库,其中封装了很多很酷炫的功能,其中强大的选择器功能是必不可少的.由于jQuery的选择器,我们能够快速的从许多元素中选中我们需要的目标,从而进行后续的工作.今天,我就讲一下jQuery的我使用jQuery遇见的一个小要点. 当时,我使用jQuery是准备将所有页面上的多选框选中,再对其中某一个进行操作.我是这样做的:HTML: <!DOCTYPE html> <html> <head lang="en"> <m

JQuery选择器和DOM的操作-入门学习

嘿嘿,今天学习了JQuery,前面的一周都在学习javascript,今天学习了JQuery,虽然javascript的类库有很多个,例如:Prototype,Dojo,JQuery等,javascript库都有着各自的优缺点,同时也有各自的支持者和反对者,但是从JQuery诞生那天起,JQuery已经从其他javascript库中脱颖而出,称为web开发人员的最佳选择,所以这也是我学习JQuery的原因.好啦,总结一下今天学习的JQuery的选择器和对DOM的初步操作. 一.JavaScrip

【前端学习】【jQuery选择器】

jQuery选择器 jQuery选择器 本文内容引自于单东林<锋利的jQuery>,未经原作者准许,禁止以商业目的转载发布! 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM(Document Object Model)和Ajax(Asynchronous JavaScript and XML)操作都依赖于选择器. jQuery选择器 1 优势 1.1 简洁的写法 1.2 支持CSS1到CSS3选择器 1.3 完善的处理机制 2 CSS选择器和jQuery选择器 2.1 基

JQuery选择器特辑

Jquery选择器分类:基本选择器,层次选择器,过滤选择器,表单选择器 一.基本选择器:jquery中最常用的选择器,也是最简单的选择器.通过元素id.class和标签名等来查找DOM元素. 表-基本选择器 选择器 描述 返回 示例 #id 根据给定的id匹配一个元素 单个元素 $(“#test”)选取id为test的元素 .class 根据给定的类名匹配元素 集合元素 $(“.test”)选取所有class为test的元素 element 根据给定的的元素名匹配元素 集合元素 $(“p”) 选