AngularJS基础教程
element()、常用方法,以及使用jQuery
前言
AngularJS 中有一个简洁版的 jQuery(jqLite),它拥有 jQuery 的一些基本的功能。
element()
var body = angular.element(document.body); // 将body转为了一个jQuery对象
body.css('background-color', 'red'); // 用css()方法设置样式
var div = angular.element('<div></div>'); // 创建了一个DIV
div.html('Hello AngularJS'); // 设置DIV内的HTML
body.append(div); // 将DIV添加到body的尾部
常用方法
angular.isArray
angular.isDate
angular.isDefined
angular.isUndefined
angular.isElement
angular.isFunction
angular.isNumber
angular.isObject
angular.isString
angular.uppercase
angular.lowercase
angular.equals
angular.extend
angular.fromJson
angular.toJson
angular.copy
angular.forEach
angular.bind
angular.bootstrap
使用jQuery
如果你喜欢jQuery,你完全可以在使用 AngularJS 的同时使用 jQuery,它们不会有冲突。若要使用 jQuery 的话,只需要将它引入到你的 HTML 文件中即可像以往那样使用 jQuery 了,并且,你还可以将 angular.element() 当 jQuery 使用:
angular.element('#div').css('background-color', 'red');
这样使用的前题条件是,你需要将 jQuery 在 AngularJS 之前引入到页面。
最后,来个广告
若你觉得此文不错,请分享,若认为尚需改进,请点讚。
结束语