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>
  • 相关阅读:
    Python-爬虫-解析库(pyquery)的使用
    Python-爬虫-解析库(Beautiful Soup)的使用
    Python-爬虫-基本库(requests)使用-抓取猫眼电影Too100榜
    Python-爬虫-基本库(requests)使用
    Go基础及语法(五)
    Go基础及语法(四)
    Go基础及语法(三)
    Go基础及语法(二)
    Go基础及语法(一)
    MySQL8.0随笔整理
  • 原文地址:https://www.cnblogs.com/eaysun/p/4722588.html
Copyright © 2011-2022 走看看