AngularJS angularJS实现了部分JQuery功能 (jqLite) (angular.element())


demo.html:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>AngularJS JQuery</title>
	<script src="jquery.min.js"></script>  <!-- 如果要用完整的JQuery,那么就引入JQuery -->
	<script src="angular.min.js"></script>  <!-- 引入AngularJS框架 -->
</head>
<body>
	<div>
		<div class="box">一个普通的盒子</div>
    </div>
    <script>
    	// AngularJS默认实现了JQuery,但是AngularJS只实现了JQuery的部分功能(jqLite)。(查看AngularJS的API文档)
    	// angular.element() 方法可以将一个原生DOM对象转成JQuery对象。
    	// 如果想用完整的JQuery,就引入外部的JQuery.js。(在AngularJS之前引入)。引入之后angular.element就等价于JQuery中的"$"。
    	
    	var box = document.querySelector('.box');
    	box = angular.element(box);  //将一个原生DOM对象转成JQuery对象。
        box.css('color','red');  //调用JQuery中的方法。

    </script>
</body>
</html>


猜你喜欢

转载自blog.csdn.net/houyanhua1/article/details/80159294