zoukankan      html  css  js  c++  java
  • jQuery object & dom object

    jQuery对象与dom对象调用方法是有区别的。普通的dom对象一般可以通过$()转换成jquery对象,如$(document.getElementById("id")),转换后即可以使用JQ对象的方法。
    jquery对象本身是一个集合,如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。如$("btn")[0],   $("#ul li").get(1)

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script src="jquery-1.11.3.min.js"></script>
    </head>
    <body>
    <script>
        $(function(){
                  
           var oUl=document.getElementById("ul");
           console.log(oUl.id)
    
           //转jq对象
           var $ul=$(oUl);
           $ul.addClass("test");
    
           var oLi=oUl.getElementsByTagName("li");
           console.log(oLi.length);
    
           $li=$(oLi);
           console.log($li.length)//5
    
           var $btn=$("#btn");
           console.log($btn.text())
    
           //转DOM对象
           var oBtn=$btn[0];
           console.log(oBtn.innerHTML);
    
           $jqLi=$("#ul li");
           console.log($jqLi.length);
    
           var domLi=$jqLi.get(1);//33
           console.log(domLi.innerHTML)
    
           var $div=$("div");
           var oDiv=$div.get(2);
           console.log(oDiv.innerHTML)//ccccccc
        })
    </script>
    <ul id="ul">
        <li class="name">111</li>
        <li class="name">333</li>
        <li class="name">444</li>
        <li class="name">55</li>
        <li class="name">77</li>
    </ul>
    <button type="button" id="btn">test</button>
    
    <div class="cccc">aaaaaa</div>
    <div class="cccc">bbbbbb</div>
    <div class="cccc">ccccccc</div>
    <div class="cccc">dddddddd</div>
    </body>
    </html>
    </html>
  • 相关阅读:
    微信分享接口
    MySQL的语句执行顺序
    C++类内存分布
    static_cast, dynamic_cast, reinterpret_cast, const_cast区别比较
    c++内存中字节对齐问题详解
    msyql中子查询IN,EXISTS,ANY,ALL,SOME,UNION介绍
    使用valgrind检查内存
    GDB调试教程
    Linux一些经典书籍
    C++编程语言学习资料
  • 原文地址:https://www.cnblogs.com/eaysun/p/4722588.html
Copyright © 2011-2022 走看看