angular.element函数

时间：2022-10-25 04:32:08

听说这个 element 函数和 jQuery 里的 $() 差不多
element函数有一个参数，传入的是一个对象，后面可以接着点其他的方法，如果jQuery可用的话就可以在它的后面点jQuery的方法，

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script src = 'angular-1.2.19.js'></script>

</head>

<body>

    <div id='test'>element测试test</div>

    <input type="button" onclick='button1()'value='button1'/><br/>

    <input type="button" onclick='button2()'value='button2'/>

    <script>

    // -- 把标签用字符串的形式当做 element 函数的参数

        function button1(){

            alert(angular.element('<span>123</span>').html()); // 123

        }

    // -- 把 dom 元素当做 element 函数的参数

        function button2(){

            var a = document.getElementById('test');

            alert(angular.element(a).html()) //element测试test

        }

    </script>

</body>

</html>

相关文章