用AngularJS操作DOM

在angular中使用第三方插件时最好都封装到指令(directives)中去,DOM操作也最好都解构到指令中。

 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body ng-app="app">
 8 <div class="box" directive>
 9     <div class="ww">22222</div>
10     11111
11 </div>
12 </body>
13 <script type="text/javascript" src="js/jquery-1.9.0.js"></script>
14 <script type="text/javascript" src="js/1.2.26/angular.js"></script>
15 <script type="text/javascript">
16     angular.module('app', []).
17     controller('ctrl', function () {
18 
19     })
20     .directive('directive', function(){
21         return {
22             restrict: 'A',
23             link: function(scope, elem, attrs){
24                 console.log(elem);
25                 $(elem).find('.ww').css('background-color','red');
26                 console.log($(elem).find('.ww').text());
27             }
28         }
29     })
30 
31 </script>
32 </html>

 

 

转载于:https://www.cnblogs.com/liubeimeng/p/5315190.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值