加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

通过angular.element,转变成jquery对象,改变样式!

发布时间:2020-12-17 09:47:10 所属栏目:安全 来源:网络整理
导读:一,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-rad

一,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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读