您现在的位置是:首页 > 随笔小记 > 收藏

js jquery简单区别

  • 收藏
  • 2019-01-12
  • 人已阅读
简介读 《jQuery实战从入门到精通》有感2019年1月12号
通过原生js调用的dom
</script>
    <script type="text/javascript">
        window.onload = function(){
            var li = document.getElementsByTagName("li"); //获取所有li元素
            //js调用  少一步封装jquery
            for(var i=0;i<li.length;i++){
                alert(li[i].innerHTML)
            }
        }
    </script>


<ul>
    <li>故人西辞黄鹤楼,</li>
    <li>烟花三月下扬州。</li>
    <li>孤帆远影碧空尽,</li>
    <li>唯见长江天际流。</li>
</ul>
通过jquery 实现基本功能
<script type="text/javascript">
$(function(){
    var li = document.getElementsByTagName("li"); //获取所有li元素

    for(var i=0;i<li.length;i++){
        //把所有li元素封装为jQuery对象   调用jQuery对象的方法
        /*alert($(li[i]).html());*/
    }
})
</script>
<ul>
    <li>故人西辞黄鹤楼,</li>
    <li>烟花三月下扬州。</li>
    <li>孤帆远影碧空尽,</li>
    <li>唯见长江天际流。</li>
</ul>




著作权归作者所有。 
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:付博瀚
来源:付博瀚个人博客
链接: https://www.fubohan.com/

文章评论

Top