通过angular.element，转变成jquery对象，改变样式！

大佬教程收集整理的这篇文章主要介绍了通过angular.element，转变成jquery对象，改变样式！，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_673_0@

一，angular.element方法的api解释

http://docs.ngnice.com/api/ng/function/angular.element
Wraps a raw DOM element or HTML String as a jQuery element.
包装一个dom元素或html字符串，转变为一个jquery对象

二，demo效果（页面初始加载后，改变ion-radio任意一行的背景色）

三，通过angular.element，转变成jquery对象，改变样式！

因为没有触发事件，所以只能页面加载完成后，通过jquery方法改变dom元素的样式！

本来下面的代码就可以解决问题

angular.element('.item-radio')[0].style.BACkgroundColor = "#ff0000";`

但是不起作用，原因是内层div设置了背景颜色，外层div设置背景色会被遮挡，所以要更改内层div背景色
css样式

.SELEct .radio-content .item-content{ BACkground:#f00 !important }

js

angular.element(document).ready(function () {
    var radio = angular.element('.item-radio')[0];
    angular.element(radio).addClass("SELEct"); 
 });

注意下面这样写会报错，没有addClass方法！
因为angular.element(‘.item-radio’)[0]又变成dom元素了，而不是jquery对象，所以需要angular.element再包一次，变为jquery对象，才有addClass方法！

// angular.element('.item-radio')[0].addClass("SELEct");

四，添加改变样式方法在页面初始化方法后，才有效果

初始化方法（同样是转为jquery对象，调用jquery方法）

angular.element(document).ready(function () {
    var radio = angular.element('.item-radio')[0];
    angular.element(radio).addClass("SELEct"); 
});

示例代码下载地址：http://download.csdn.net/detail/superjunjin/9694403