angularjs中使用jquery

最新推荐文章于 2024-03-28 16:46:24 发布

原创最新推荐文章于 2024-03-28 16:46:24 发布 · 9.4k 阅读

2 ·

CC 4.0 BY-SA版权

AngularJS 专栏收录该内容

14 篇文章

订阅专栏

本文介绍如何在AngularJS应用中利用jQuery轻松实现DOM元素的样式动态变化，通过自定义指令来绑定点击事件，并使用jQuery的便捷方法修改CSS属性。

Angularjs中使用jquery的话需要使用指令(directive)

指令怎么用请百度，直接讲怎么整合jquery。

例如给一个div绑定一个点击事件，使得它的css样式发生变化

angular.module('myapp',[])
	.directive('myclick',function(){
	    return{
	        restrict:'A',
	        replace:true,
	        link:function(scope,element,attr){
	            element.bind('click',function(){  //为该标签绑定click事件
	//                element.css('color',"red"); //修改该标签样式
	            	$("#test").css('color',"red");; //jquery用法，选中id为test的标签，修改css样式
	            });
	        }
	    }
})