<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                對于才開始接觸jQuery庫的初學者,我們需要清楚認識一點: **jQuery對象與DOM對象是不一樣的** 可能一時半會分不清楚哪些是jQuery對象,哪些是DOM對象,下面重點介紹一下jQuery對象,以及兩者相互間的轉換。 通過一個簡單的例子,簡單區分下jQuery對象與DOM對象: `<p id=”imooc”></p>` 我們要獲取頁面上這個id為imooc的div元素,然后給這個文本節點增加一段文字:“您好!通過慕課網學習jQuery才是最佳的途徑”,并且讓文字顏色變成紅色。 **普通處理,通過標準JavaScript處理:** ~~~ var p = document.getElementById('imooc'); p.innerHTML = '您好!通過慕課網學習jQuery才是最佳的途徑'; p.style.color = 'red'; ~~~ 通過原生DOM模型提供的document.getElementById(“imooc”) 方法獲取的DOM元素就是DOM對象,通過DOM方法將自己的innerHTML與style屬性處理文本與顏色。 **jQuery的處理:** `var $p = $('#imooc');` $p.html('您好!通過慕課網學習jQuery才是最佳的途徑').css('color','red'); 通過$('#imooc')方法會得到一個$p的jQuery對象,$p是一個類數組的對象這個對象里面其實是包含了DOM對象的信息的然后封裝了很多操作方法,調用自己的方法html與css處理,得到的效果與標準的JavaScript處理結果是一致的。 通過標準的JavaScript操作DOM與jQuyer操作DOM的對比,我們不難發現: 1. 通過jQuery方法包裝后的對象,是jQuery對象,它是一個新的對象 2. jQuery與DOM對象完全不是同一個東西,但是又似曾相似,因為他們都能處理DOM 3. 通過jQuery處理DOM的操作,可以讓開發者更專注業務邏輯的開發,而不需要我們具體知道哪個DOM節點有那些方法,也不需要關心不同瀏覽器的兼容問題,我們可以通過jQuery更友好的API進行開發,同時代碼也會更加精短 PS:大家這里做個大概印象就OK,后面會有深入的講解。
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看