jQuery的其他常用知識(shí)點(diǎn)

yeooo 發(fā)布于2019-08-23 12:27 / 3429人閱讀
摘要：獲取匹配的第一個(gè)元素相對(duì)于其最近的具有定位即不是的父元素的位置返回不能設(shè)置。但是這兩種方法的缺點(diǎn)是要綁定的元素必須存在文檔中。支持對(duì)動(dòng)態(tài)創(chuàng)建的元素有效。解綁所有代理的事件，而元素本身的事件不會(huì)被解綁。觸發(fā)事件響應(yīng)方法，不觸發(fā)瀏覽器行為。
選擇器
:visible 和 :hidden 匹配顯示和隱藏的元素（css-display），需要指明元素或類(lèi)，因?yàn)閔ead、script等元素也是不可見(jiàn)的。
:animate 處于動(dòng)畫(huà)的元素
tr:nth-child(even) tr:nth-child(2n) 偶數(shù)行，odd 奇數(shù)行 3n 隔兩行。（tr:even tr:odd)
tr:nth-child(1)、tr:first、tr:first-child、$("tr").first() 、$("tr").eq(0) 拿到一樣的
tr:only-child 只有一個(gè)子元素的
tr:gt(i) 拿到i之后的
tr:lt(i) 拿到i之前的
tr:not(".className") 獲取不含指定類(lèi)的
input:not(:checkbox) 非復(fù)選框的input元素
tr:contains(text) 獲取包含給定文本的
tr:empty 獲取無(wú)子元素或文本的空元素
tr:has(selector) 獲取有匹配子選擇器的元素
tr:parent 獲取含有子元素或者文本的元素
tr:hidden 獲取所有不可見(jiàn)元素（通過(guò).show()展示）
tr:visible 獲取所有的可見(jiàn)元素（通過(guò).hide()隱藏）
tr[attribute=value] 屬性選擇器 *= ^= $= !=
li:has(a) 包含a的li
針對(duì)表單元素的一些特殊選擇器
:input 匹配的是 ，，<select>，<button>
:button 匹配 input[type=button|reset|submit]和button
:file  即 input[type=file]，同理還有 :checkbox，:radio
:checked 勾上的單復(fù)選框
:disabled 和 :enabled 能和不能點(diǎn)擊或輸入的表單元素
:focus 匹配當(dāng)前焦點(diǎn)元素
:checkbox:checked:disabled 匹配的是不能點(diǎn)擊的已選中的復(fù)選框</pre>
<b>API</b>
<b>prop() 和 attr()</b>
<pre>prop() 方法用來(lái)改變影響DOM元素的動(dòng)態(tài)狀態(tài)，而不是改變HTML屬性。比如： disabled、checked</pre>
<b>clone()</b>
<pre>參數(shù)是布爾值，代表是否復(fù)制事件，默認(rèn)false。
$(".item").on("click", function(){});
$(".item").clone(true).appendTo(".list"); // 克隆 .item（包括事件）并添加到 .list</pre>
<b>val()</b>
<pre>設(shè)置或者返回表單元素（input、select、textarea）的值</pre>
<b>replaceWith() 和 replaceAll()</b>
<pre><div   class="ki2acse"   id="app">hello jquery world.</div>

var $e = $("div").replaceWith("<p>你好，jquery</p>");
返回的是 div#app 的 jQuery 對(duì)象，但已從 dom 樹(shù)中移除，頁(yè)面呈現(xiàn)的是p。

而 $("<p>你好，jquery</p>").replaceAll("#app") 返回的是 p 的jQuery對(duì)象。</pre>
<b>width() 和 height()</b>
<pre>設(shè)置或者獲取匹配元素的寬度和高度值，返回的是number（不帶單位），而$(selector).css("width")返回的是string（帶有單位）</pre>
<b>offset()</b>
<pre>獲取匹配的第一個(gè)元素相對(duì)于 document 的位置
返回：{left: Number, top: Number}
設(shè)置：如果元素沒(méi)有定位（即 position: static），將會(huì)修改為 relative
注意：jQuery不支持獲取隱藏元素的偏移坐標(biāo)。同樣的，也無(wú)法取得隱藏元素的 border, margin, 或 padding 信息。
若元素的屬性設(shè)置的是 visibility:hidden，那么我們依然可以取得它的坐標(biāo)。但是若設(shè)置的屬性是 display:none，由于在繪制 DOM 樹(shù)時(shí)根本就不繪制該元素，所以它的位置屬性值是 undefined。</pre>
<b>position()</b>
<pre>獲取匹配的第一個(gè)元素相對(duì)于其最近的具有定位（即position不是static）的父元素的位置
返回 {left: Number, top: Number}
不能設(shè)置。
注意：jQuery不支持獲取隱藏元素的偏移坐標(biāo)及所占用的邊框，邊距和填充的大小</pre>
<b>scrollLeft() 和 scrollTop()</b>
<pre>獲取或者設(shè)置匹配的第一個(gè)元素水平和垂直方向的位置，數(shù)值類(lèi)型

垂直滾動(dòng)條位置 是可滾動(dòng)區(qū)域 在 可視區(qū)域上方的 被隱藏區(qū)域的高度。
如果滾動(dòng)條在最上方?jīng)]有滾動(dòng) 或者 當(dāng)前元素沒(méi)有出現(xiàn)滾動(dòng)條，那么這個(gè)距離為0

回頂部代碼 $("html,body").scrollTop(0);兼容IE 和 Chrome，瞬間回到頂部。</pre>
<b>事件</b>
<b>標(biāo)準(zhǔn)事件類(lèi)型</b>

<p>click mouseup mousedown ...</p>
<p>keypress ...</p>
<p>dblclick mousewheel</p>
<p>change 用在 input select 元素上</p>
<p>$(window).resize 調(diào)整瀏覽器窗口大小時(shí)觸發(fā)的事件</p>

<b>事件綁定 bind()、delegate() 和 on()</b>
<pre>bind()在1.7以后被on()取代，綁定多個(gè)事件：$(selector).on("dblclick contextment", function(){}); on()也兼容zepto。但是這兩種方法的缺點(diǎn)是要綁定的元素必須存在文檔中。語(yǔ)法： $(selector).on("events"[, "selector"][, data], handler); 其中第一個(gè)參數(shù)可以是標(biāo)準(zhǔn)事件名，也可以是自定義事件（通過(guò)trigger觸發(fā)），第二和第三個(gè)參數(shù)可以省略，第二個(gè)參數(shù)為匹配元素的后代元素，第三個(gè)參數(shù)為傳遞給處理函數(shù)的數(shù)據(jù)，即在函數(shù)中通過(guò) event.data 來(lái)接收。
delegate() 支持對(duì)動(dòng)態(tài)創(chuàng)建的元素有效。語(yǔ)法：$("div").delegate("p", "mousemove", function(){}); 為div下面的p（包括未來(lái)產(chǎn)生的）綁定mousemove事件。</pre>
<b>事件解綁 unbind()、undelegate() 和 off()</b>
<pre>不傳參數(shù)就解綁匹配元素的所有事件，否則就解綁指定參數(shù)的事件。
$(selector).off("click", "**"); 解綁所有代理的click事件，而元素本身的事件不會(huì)被解綁。</pre>
<b>事件觸發(fā) trigger() 和 triggerHandler()</b>
<pre>簡(jiǎn)單觸發(fā)：$(selector).click();
trigger()觸發(fā)事件，觸發(fā)瀏覽器行為。$(selector).trigger("click");
triggerHandler()觸發(fā)事件響應(yīng)方法，不觸發(fā)瀏覽器行為。$(selector).triggerHandler("focus");</pre>
<b>事件對(duì)象event</b>
<pre>event.data 傳遞給事件處理程序的額外數(shù)據(jù)
event.currentTarget 等同于this，指當(dāng)前DOM對(duì)象
event.target?觸發(fā)事件源，不一定是等同this（通常在事件委托中出現(xiàn)）
event.type 事件類(lèi)型
event.which 鼠標(biāo)的按鍵類(lèi)型：左1 中2 右3 或者鍵盤(pán)碼
event.keyCode 鍵盤(pán)碼
event.pageX?鼠標(biāo)相對(duì)于文檔左部邊緣的位置</pre>
<b>動(dòng)畫(huà)</b>
<p>通常第一個(gè)參數(shù)為速度（fase、normal、slow、ms），第二個(gè)參數(shù)為一個(gè)函數(shù)，動(dòng)畫(huà)完成后執(zhí)行。</p>

<p>show() 和 hide() 實(shí)現(xiàn)顯示和隱藏，可同時(shí)改變 width、height、opacity。toggle() 切換狀態(tài)。</p>
<p>fadeIn() 和 fadeOut() 淡入淡出，僅改變 opacity</p>
<p>fadeTo() 按指定透明度進(jìn)行漸進(jìn)式調(diào)整</p>
<p>slideUp() 和 slideDown() 卷窗簾效果，僅改變 height。slideToggle() 切換狀態(tài)。</p>
<p>animate() 自定義動(dòng)畫(huà)</p>

<p>動(dòng)畫(huà)的停止與延時(shí) stop()、delay()</p>
<b>AJAX</b>
<pre>$.ajax({
    beforeSend(){} // 發(fā)送請(qǐng)求之前調(diào)用的匿名函數(shù)，如果 return false; 就代表阻止該次請(qǐng)求，可以用于驗(yàn)證用戶(hù)輸入的數(shù)據(jù)
})</pre>
<b>鏈?zhǔn)骄幊?/b>
<pre>原理： return this;
通常只有設(shè)置操作才可以鏈?zhǔn)讲僮鳎@取操作時(shí)返回相應(yīng)的值，無(wú)法返回this。
end() 結(jié)束當(dāng)前鏈最近的一次過(guò)濾操作，并且返回匹配元素之前的狀態(tài)。</pre>
<b>多庫(kù)共存</b>
<pre>jQuery占用了$ 和jQuery這兩個(gè)變量，如果同一個(gè)頁(yè)面引用了jQuery庫(kù)，還引用了其他庫(kù)或者其他版本的jQuery也用的了$或jQuery這個(gè)變量，為了保證每個(gè)庫(kù)都能正常使用，就需要讓jQuery交出變量的控制權(quán)。
$.noConflict(); 交出$
$.noConflict(true); 交出$ 和 jQuery

<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
    // 查看版本
    console.log($.fn.jquery); // 3.2.1
    console.log(jQuery.fn.jquery); // 3.2.1
</script>

<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
    $.noConflict();
    console.log($.fn.jquery); // 2.2.4
    console.log(jQuery.fn.jquery); // 3.2.1
</script>

<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
    $.noConflict(true);
    console.log($.fn.jquery); // 2.2.4
    console.log(jQuery.fn.jquery); // 2.2.4
</script></pre>           
               
                                           
                       
                 </div>
            
                     <div   id="0qwai0i"   class="mt-64 tags-seach" >
                 <div   id="2gi02qk"   class="tags-info">
                                                                                                                    
                         <a style="width:120px;" title="云服務(wù)器" href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a>
                                             
                         <a style="width:120px;" title="GPU云服務(wù)器" href="http://specialneedsforspecialkids.com/site/product/gpu.html">GPU云服務(wù)器</a>
                                                                                                                                                 
                                      
                     
                    
                                                                                               <a style="width:120px;" title="jquery常用的方法" href="http://specialneedsforspecialkids.com/yun/tag/jquerychangyongdefangfa/">jquery常用的方法</a>
                                                                                                           <a style="width:120px;" title="jquery常用選擇器" href="http://specialneedsforspecialkids.com/yun/tag/jquerychangyongxuanzeqi/">jquery常用選擇器</a>
                                                                                                           <a style="width:120px;" title="您實(shí)名認(rèn)證的其他賬號(hào)" href="http://specialneedsforspecialkids.com/yun/tag/ninshimingrenzhengdeqitazhanghao/">您實(shí)名認(rèn)證的其他賬號(hào)</a>
                                                                                                           <a style="width:120px;" title="python的知識(shí)點(diǎn)" href="http://specialneedsforspecialkids.com/yun/tag/pythondezhishidian/">python的知識(shí)點(diǎn)</a>
                                                         
                 </div>
               
              </div>
             
               <div   id="kq0y0e0"   class="entry-copyright mb-30">
                   <p class="mb-15"> 文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。</p>
                 
                   <p>轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/98549.html</p>
               </div>
                      
               <ul class="pre-next-page">
                 
                                  <li id="wgquimg"    class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/98548.html">上一篇：五分鐘掌握 for...in 和 for...of 區(qū)別</a></li>  
                                                
                                       <li id="yewsqim"    class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/98550.html">下一篇：【ES6入門(mén)07】：函數(shù)擴(kuò)展</a></li>
                                  </ul>
              </div>
              <div   id="s2ssgym"   class="about_topicone-mid">
                <h3 class="top-com-title mb-0"><span data-id="0">相關(guān)文章</span></h3>
                <ul class="com_white-left-mid atricle-list-box">
                             
                                                                    <li>
                                                <div   id="q2oy00w"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/114065.html"><b><em>jQuery</em><em>的</em><em>其他</em><em>常用</em><em>知<em>識(shí)點(diǎn)</em></em></b></a></h2>
                                                     <p class="ellipsis2 good">摘要：獲取匹配的第一個(gè)元素相對(duì)于其最近的具有定位即不是的父元素的位置返回不能設(shè)置。但是這兩種方法的缺點(diǎn)是要綁定的元素必須存在文檔中。支持對(duì)動(dòng)態(tài)創(chuàng)建的元素有效。解綁所有代理的事件，而元素本身的事件不會(huì)被解綁。觸發(fā)事件響應(yīng)方法，不觸發(fā)瀏覽器行為。

選擇器

:visible 和 :hidden 匹配顯示和隱藏的元素（css-display），需要指明元素或類(lèi)，因?yàn)閔ead、script等元素也是...</p>
                                                   
                          <div   id="ksqomcu"   class="com_white-left-info">
                                <div   id="u2uc2ws"   class="com_white-left-infol">
                                    <a href="http://specialneedsforspecialkids.com/yun/u-1191.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/11/small_000001191.jpg" alt=""><span id="iamiey2"    class="layui-hide64">tomorrowwu</span></a>
                                    <time datetime="">2019-08-29 17:02</time>
                                    <span><i class="fa fa-commenting"></i>評(píng)論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                                                                       <li>
                                                <div   id="2e2eoic"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/79067.html"><b><em>jQuery</em>學(xué)習(xí)和<em>知<em>識(shí)點(diǎn)</em></em>總結(jié)歸納</b></a></h2>
                                                     <p class="ellipsis2 good">摘要：目前在前端開(kāi)發(fā)所占的比重越來(lái)越高，在我們學(xué)習(xí)和開(kāi)發(fā)的過(guò)程中都會(huì)去使用。下面把程序員雷雪松對(duì)的知識(shí)點(diǎn)總結(jié)和歸納分享給大家。過(guò)濾對(duì)同胞元素的搜索。將匹配元素集合縮減為集合中的最后一個(gè)元素。返回指定元素相對(duì)于其他指定元素的位置。

jQuery目前在Web前端開(kāi)發(fā)所占的比重越來(lái)越高，在我們jQuery學(xué)習(xí)和開(kāi)發(fā)的過(guò)程中都會(huì)去使用。jQuery幫我們解決了瀏覽器之間JS一些不兼容的地方和簡(jiǎn)化了原...</p>
                                                   
                          <div   id="g4s4sak"   class="com_white-left-info">
                                <div   id="a2ga6yk"   class="com_white-left-infol">
                                    <a href="http://specialneedsforspecialkids.com/yun/u-331.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/03/small_000000331.jpg" alt=""><span id="424ik24"    class="layui-hide64">JohnLui</span></a>
                                    <time datetime="">2019-08-19 18:00</time>
                                    <span><i class="fa fa-commenting"></i>評(píng)論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                                       <li>
                                                <div   id="gs44g6s"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/100352.html"><b>【連載】前端個(gè)人文章整理-從基礎(chǔ)到入門(mén)</b></a></h2>
                                                     <p class="ellipsis2 good">摘要：個(gè)人前端文章整理從最開(kāi)始萌生寫(xiě)文章的想法，到著手開(kāi)始寫(xiě)，再到現(xiàn)在已經(jīng)一年的時(shí)間了，由于工作比較忙，更新緩慢，后面還是會(huì)繼更新，現(xiàn)將已經(jīng)寫(xiě)好的文章整理一個(gè)目錄，方便更多的小伙伴去學(xué)習(xí)。

showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080);
個(gè)人前端文章整理
從最開(kāi)始萌生寫(xiě)文章的想法，到著手...</p>
                                                   
                          <div   id="iikakwy"   class="com_white-left-info">
                                <div   id="ky60qwm"   class="com_white-left-infol">
                                    <a href="http://specialneedsforspecialkids.com/yun/u-961.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/09/small_000000961.jpg" alt=""><span id="4qsgcku"    class="layui-hide64">madthumb</span></a>
                                    <time datetime="">2019-08-23 14:15</time>
                                    <span><i class="fa fa-commenting"></i>評(píng)論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                           
                </ul>
              </div>
              
               <div   id="6keaucg"   class="topicone-box-wangeditor">
                  
                  <h3 class="top-com-title mb-64"><span>發(fā)表評(píng)論</span></h3>
                   <div   id="egmm8q4"   class="xcp-publish-main flex_box_zd">
                                      
                      <div   id="uesmsau"   class="unlogin-pinglun-box">
                        <a href="javascript:login()" class="grad">登陸后可評(píng)論</a>
                      </div>                   </div>
               </div>
              <div   id="42mmmq4"   class="site-box-content">
                <div   id="qkggaqy"   class="site-content-title">
                  <h3 class="top-com-title mb-64"><span>0條評(píng)論</span></h3>   
                </div> 
                      <div   id="iq2ukcw"   class="pages"></ul></div>
              </div>
           </div>
           <div   id="ug0qi2g"   class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right">
              <div   id="gaoauck"   class=""> 
                <div   id="m2gwcwg"   class="com_layuiright-box user-msgbox">
                    <a href="http://specialneedsforspecialkids.com/yun/u-1624.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/16/small_000001624.jpg" alt=""></a>
                    <h3><a href="http://specialneedsforspecialkids.com/yun/u-1624.html" rel="nofollow">yeooo</a></h3>
                    <h6>男<span>|</span>高級(jí)講師</h6>
                    <div   id="ge4aeu6"   class="flex_box_zd user-msgbox-atten">
                     
                                                                      <a href="javascript:attentto_user(1624)" id="attenttouser_1624" class="grad follow-btn notfollow attention">我要關(guān)注</a>
      
                                                                                        <a href="javascript:login()" title="發(fā)私信" >我要私信</a>
                     
                                            
                    </div>
                    <div   id="i2sqmys"   class="user-msgbox-list flex_box_zd">
                          <h3 class="hpf">TA的文章</h3>
                          <a href="http://specialneedsforspecialkids.com/yun/ut-1624.html" class="box_hxjz">閱讀更多</a>
                    </div>
                      <ul class="user-msgbox-ul">
                                                  <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/118770.html">UCan技術(shù)開(kāi)放日 | 以云原生的名義舉辦一次技術(shù)聚會(huì)</a></h3>
                            <p>閱讀 1459<span>·</span>2021-09-02 13:57</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/117453.html">weekly 2019-03-01</a></h3>
                            <p>閱讀 1874<span>·</span>2019-08-30 15:55</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/116837.html">分享一個(gè)寫(xiě)給女朋友的兩周年紀(jì)念網(wǎng)頁(yè)</a></h3>
                            <p>閱讀 2413<span>·</span>2019-08-30 15:54</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/116314.html">position:fixed;寬高自適應(yīng)，元素水平垂直居中</a></h3>
                            <p>閱讀 2250<span>·</span>2019-08-30 15:44</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/115452.html">css的水平垂直居中</a></h3>
                            <p>閱讀 2737<span>·</span>2019-08-30 13:18</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/115261.html">《JavaScript Dom編程藝術(shù)》讀書(shū)筆記（一）</a></h3>
                            <p>閱讀 486<span>·</span>2019-08-30 13:02</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/114555.html">Web 組件化中如何管理 z-index</a></h3>
                            <p>閱讀 643<span>·</span>2019-08-29 18:46</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/111633.html">瀏覽器的兼容性</a></h3>
                            <p>閱讀 1668<span>·</span>2019-08-29 11:25</p></li>
                                                
                      </ul>
                </div>

                   <!-- 文章詳情右側(cè)廣告-->
              
  <div   id="2cmciyu"   class="com_layuiright-box">
                  <h6 class="top-com-title"><span>最新活動(dòng)</span></h6> 
           
         <div   id="woqm0g6"   class="com_adbox">
                    <div   id="kumgoii"   class="layui-carousel" id="right-item">
                      <div carousel-item>
                                                                                                                       <div>
                          <a href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo"  rel="nofollow">
                            <img src="http://specialneedsforspecialkids.com/yun/data/attach/240625/2rTjEHmi.png" alt="云服務(wù)器">                                 
                          </a>
                        </div>
                                                <div>
                          <a href="http://specialneedsforspecialkids.com/site/product/gpu.html"  rel="nofollow">
                            <img src="http://specialneedsforspecialkids.com/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務(wù)器">                                 
                          </a>
                        </div>
                                                                   
                    
                        
                      </div>
                    </div>
                      
                    </div>                    <!-- banner結(jié)束 -->
              
<div   id="wi24sek"   class="adhtml">

</div>
                <script>
                $(function(){
                    $.ajax({
                        type: "GET",
                                url:"http://specialneedsforspecialkids.com/yun/ad/getad/1.html",
                                cache: false,
                                success: function(text){
                                  $(".adhtml").html(text);
                                }
                        });
                    })
                </script>                </div>              </div>
           </div>
        </div>
      </div> 
    </section>
    <!-- wap拉出按鈕 -->
     <div   id="yywma0e"   class="site-tree-mobile layui-hide">
      <i class="layui-icon layui-icon-spread-left"></i>
    </div>
    <!-- wap遮罩層 -->
    <div   id="aa4imu2"   class="site-mobile-shade"></div>
    
       <!--付費(fèi)閱讀 -->
       <div   class="s8oi2mi"   id="payread">
         <div   id="iwyseqq"   class="layui-form-item">閱讀需要支付1元查看</div>  
         <div   id="4qeykcm"   class="layui-form-item"><button class="btn-right">支付并查看</button></div>     
       </div>
      <script>
      var prei=0;

       
       $(".site-seo-depict pre").each(function(){
          var html=$(this).html().replace("<code>","").replace("</code>","").replace('<code class="javascript hljs" codemark="1">','');
          $(this).attr('data-clipboard-text',html).attr("id","pre"+prei);
          $(this).html("").append("<code>"+html+"</code>");
         prei++;
       })
           $(".site-seo-depict img").each(function(){
             
            if($(this).attr("src").indexOf('data:image/svg+xml')!= -1){
                $(this).remove();
            }
       })
     $("LINK[href*='style-49037e4d27.css']").remove();
       $("LINK[href*='markdown_views-d7a94ec6ab.css']").remove();
layui.use(['jquery', 'layer','code'], function(){
  $("pre").attr("class","layui-code");
      $("pre").attr("lay-title","");
       $("pre").attr("lay-skin","");
  layui.code(); 
       $(".layui-code-h3 a").attr("class","copycode").html("復(fù)制代碼 ").attr("onclick","copycode(this)");
      
});
function copycode(target){
    var id=$(target).parent().parent().attr("id");
  
                  var clipboard = new ClipboardJS("#"+id);

clipboard.on('success', function(e) {


    e.clearSelection();
    alert("復(fù)制成功")
});

clipboard.on('error', function(e) {
    alert("復(fù)制失敗")
});
}
//$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5));
</script>
  <link rel="stylesheet" type="text/css" href="http://specialneedsforspecialkids.com/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css">
    <script src="http://specialneedsforspecialkids.com/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script>
    <script src="http://specialneedsforspecialkids.com/yun/static/js/clipboard.js"></script>

<script>hljs.initHighlightingOnLoad();</script>

<script>
    function setcode(){
        var _html='';
    	  document.querySelectorAll('pre code').forEach((block) => {
        	  var _tmptext=$.trim($(block).text());
        	  if(_tmptext!=''){
        		  _html=_html+_tmptext;
        		  console.log(_html);
        	  }
    		 
    		  
    		 
      	  });
    	 

    }

</script>

<script>
function payread(){
  layer.open({
      type: 1,
      title:"付費(fèi)閱讀",
      shadeClose: true,
      content: $('#payread')
    });
}
// 舉報(bào)
function jupao_tip(){
  layer.open({
      type: 1,
      title:false,
      shadeClose: true,
      content: $('#jubao')
    });

}
$(".getcommentlist").click(function(){
var _id=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
$("#articlecommentlist"+_id).toggleClass("hide");
var flag=$("#articlecommentlist"+_id).attr("dataflag");
if(flag==1){
flag=0;
}else{
flag=1;
//加載評(píng)論
loadarticlecommentlist(_id,_tid);
}
$("#articlecommentlist"+_id).attr("dataflag",flag);

})
$(".add-comment-btn").click(function(){
var _id=$(this).attr("dataid");
$(".formcomment"+_id).toggleClass("hide");
})
$(".btn-sendartcomment").click(function(){
var _aid=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
var _content=$.trim($(".commenttext"+_aid).val());
if(_content==''){
alert("評(píng)論內(nèi)容不能為空");
return false;
}
var touid=$("#btnsendcomment"+_aid).attr("touid");
if(touid==null){
touid=0;
}
addarticlecomment(_tid,_aid,_content,touid);
})
 $(".button_agree").click(function(){
 var supportobj = $(this);
         var tid = $(this).attr("id");
         $.ajax({
         type: "GET",
                 url:"http://specialneedsforspecialkids.com/yun/index.php?topic/ajaxhassupport/" + tid,
                 cache: false,
                 success: function(hassupport){
                 if (hassupport != '1'){






                         $.ajax({
                         type: "GET",
                                 cache:false,
                                 url: "http://specialneedsforspecialkids.com/yun/index.php?topic/ajaxaddsupport/" + tid,
                                 success: function(comments) {

                                 supportobj.find("span").html(comments+"人贊");
                                 }
                         });
                 }else{
                	 alert("您已經(jīng)贊過(guò)");
                 }
                 }
         });
 });
 function attenquestion(_tid,_rs){
    	$.ajax({
    //提交數(shù)據(jù)的類(lèi)型 POST GET
    type:"POST",
    //提交的網(wǎng)址
    url:"http://specialneedsforspecialkids.com/yun/favorite/topicadd.html",
    //提交的數(shù)據(jù)
    data:{tid:_tid,rs:_rs},
    //返回?cái)?shù)據(jù)的格式
    datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
    //在請(qǐng)求之前調(diào)用的函數(shù)
    beforeSend:function(){},
    //成功返回之后調(diào)用的函數(shù)
    success:function(data){
    	var data=eval("("+data+")");
    	console.log(data)
       if(data.code==2000){
    	layer.msg(data.msg,function(){
    	  if(data.rs==1){
    	      //取消收藏
    	      $(".layui-layer-tips").attr("data-tips","收藏文章");
    	      $(".layui-layer-tips").html('<i class="fa fa-heart-o"></i>');
    	  }
    	   if(data.rs==0){
    	      //收藏成功
    	      $(".layui-layer-tips").attr("data-tips","已收藏文章");
    	      $(".layui-layer-tips").html('<i class="fa fa-heart"></i>')
    	  }
    	})
    	 
       }else{
    	layer.msg(data.msg)
       }


    }   ,
    //調(diào)用執(zhí)行后調(diào)用的函數(shù)
    complete: function(XMLHttpRequest, textStatus){
     	postadopt=true;
    },
    //調(diào)用出錯(cuò)執(zhí)行的函數(shù)
    error: function(){
        //請(qǐng)求出錯(cuò)處理
    	postadopt=false;
    }
 });
}
</script>
<footer>
        <div   id="ou00ukk"   class="layui-container">
            <div   id="quise84"   class="flex_box_zd">
              <div   id="2o4gsca"   class="left-footer">
                    <h6><a href="http://specialneedsforspecialkids.com/"><img src="http://specialneedsforspecialkids.com/yun/static/theme/ukd//images/logo.png" alt="UCloud （優(yōu)刻得科技股份有限公司）"></a></h6>
                    <p>UCloud （優(yōu)刻得科技股份有限公司）是中立、安全的云計(jì)算服務(wù)平臺(tái)，堅(jiān)持中立，不涉足客戶(hù)業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺(tái)、AI服務(wù)平臺(tái)等一系列云計(jì)算產(chǎn)品，并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場(chǎng)景下的業(yè)務(wù)需求，提供公有云、混合云、私有云、專(zhuān)有云在內(nèi)的綜合性行業(yè)解決方案。</p>
              </div>
              <div   id="kgma0co"   class="right-footer layui-hidemd">
                  <ul class="flex_box_zd">
                      <li>
                        <h6>UCloud與云服務(wù)</h6>
                         <p><a href="http://specialneedsforspecialkids.com/site/about/intro/">公司介紹</a></p>
                         <p><a  >加入我們</a></p>
                         <p><a href="http://specialneedsforspecialkids.com/site/ucan/onlineclass/">UCan線(xiàn)上公開(kāi)課</a></p>
                         <p><a href="http://specialneedsforspecialkids.com/site/solutions.html" >行業(yè)解決方案</a></p>                                                  <p><a href="http://specialneedsforspecialkids.com/site/pro-notice/">產(chǎn)品動(dòng)態(tài)</a></p>
                      </li>
                      <li>
                        <h6>友情鏈接</h6>                                             <p><a >GPU算力平臺(tái)</a></p>                                             <p><a >UCloud私有云</a></p>
                                             <p><a >SurferCloud</a></p>                                             <p><a >工廠(chǎng)仿真軟件</a></p>                                             <p><a >Pinex</a></p>                                             <p><a >AI繪畫(huà)</a></p>
                                             
                      </li>
                      <li>
                        <h6>社區(qū)欄目</h6>
                         <p><a href="http://specialneedsforspecialkids.com/yun/column/index.html">專(zhuān)欄文章</a></p>
                     <p><a href="http://specialneedsforspecialkids.com/yun/udata/">專(zhuān)題地圖</a></p>                      </li>
                      <li>
                        <h6>常見(jiàn)問(wèn)題</h6>
                         <p><a href="http://specialneedsforspecialkids.com/site/ucsafe/notice.html" >安全中心</a></p>
                         <p><a href="http://specialneedsforspecialkids.com/site/about/news/recent/" >新聞動(dòng)態(tài)</a></p>
                         <p><a href="http://specialneedsforspecialkids.com/site/about/news/report/">媒體動(dòng)態(tài)</a></p>                                                  <p><a href="http://specialneedsforspecialkids.com/site/cases.html">客戶(hù)案例</a></p>                                                
                         <p><a href="http://specialneedsforspecialkids.com/site/notice/">公告</a></p>
                      </li>
                      <li>
                          <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優(yōu)刻得"></span>
                          <p>掃掃了解更多</p></div>
            </div>
            <div   id="qamccuu"   class="copyright">Copyright ? 2012-2023 UCloud 優(yōu)刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網(wǎng)安備 31011002000058號(hào)</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號(hào)-3</a><i>｜</i> <script type="text/javascript" src="https://gyfk12.kuaishang.cn/bs/ks.j?cI=197688&fI=125915" charset="utf-8"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?290c2650b305fc9fff0dbdcafe48b59d";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZSMXQ3P9N"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-DZSMXQ3P9N');
</script>
<script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?99f50ea166557aed914eb4a66a7a70a4709cbb98a54ecb576877d99556fb4bfc3d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script></div> 
        </div>
    </footer>

<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://specialneedsforspecialkids.com/" title="国产xxxx99真实实拍">国产xxxx99真实实拍</a>

<div class="friend-links">

<a href="http://belistarlp.com/">国产黄色在线</a>
</div>
</div>

</footer>

<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="m2sge" class="pl_css_ganrao" style="display: none;"><tfoot id="m2sge"><object id="m2sge"><tbody id="m2sge"></tbody></object></tfoot><strike id="m2sge"><menu id="m2sge"><li id="m2sge"></li></menu></strike><button id="m2sge"></button><tr id="m2sge"></tr><abbr id="m2sge"></abbr><fieldset id="m2sge"></fieldset><dfn id="m2sge"></dfn><rt id="m2sge"></rt><delect id="m2sge"></delect><strike id="m2sge"><menu id="m2sge"><noscript id="m2sge"></noscript></menu></strike><td id="m2sge"><fieldset id="m2sge"><table id="m2sge"></table></fieldset></td><del id="m2sge"></del><rt id="m2sge"></rt><strike id="m2sge"><menu id="m2sge"><noscript id="m2sge"></noscript></menu></strike><pre id="m2sge"></pre><object id="m2sge"></object><tbody id="m2sge"></tbody><code id="m2sge"><em id="m2sge"><tr id="m2sge"></tr></em></code><noscript id="m2sge"><option id="m2sge"><xmp id="m2sge"></xmp></option></noscript><menu id="m2sge"><li id="m2sge"><acronym id="m2sge"></acronym></li></menu><dfn id="m2sge"></dfn><rt id="m2sge"></rt><del id="m2sge"><tr id="m2sge"><rt id="m2sge"></rt></tr></del><code id="m2sge"></code><noscript id="m2sge"></noscript><li id="m2sge"><center id="m2sge"><wbr id="m2sge"></wbr></center></li><delect id="m2sge"><tr id="m2sge"><s id="m2sge"></s></tr></delect><abbr id="m2sge"><sup id="m2sge"><center id="m2sge"></center></sup></abbr><fieldset id="m2sge"><optgroup id="m2sge"><abbr id="m2sge"></abbr></optgroup></fieldset><button id="m2sge"></button><del id="m2sge"></del><th id="m2sge"><nav id="m2sge"><li id="m2sge"></li></nav></th><tfoot id="m2sge"><input id="m2sge"><tbody id="m2sge"></tbody></input></tfoot><dl id="m2sge"></dl><pre id="m2sge"><td id="m2sge"><fieldset id="m2sge"></fieldset></td></pre><xmp id="m2sge"></xmp><nav id="m2sge"><kbd id="m2sge"><center id="m2sge"></center></kbd></nav><wbr id="m2sge"></wbr><dd id="m2sge"></dd><li id="m2sge"><center id="m2sge"><xmp id="m2sge"></xmp></center></li><blockquote id="m2sge"><dl id="m2sge"><input id="m2sge"></input></dl></blockquote><small id="m2sge"></small><source id="m2sge"></source><option id="m2sge"></option><li id="m2sge"><pre id="m2sge"><dd id="m2sge"></dd></pre></li><strike id="m2sge"></strike><nav id="m2sge"></nav><dl id="m2sge"></dl><menu id="m2sge"><noscript id="m2sge"><center id="m2sge"></center></noscript></menu><acronym id="m2sge"></acronym><rt id="m2sge"><noscript id="m2sge"><em id="m2sge"></em></noscript></rt><em id="m2sge"><del id="m2sge"><tr id="m2sge"></tr></del></em><pre id="m2sge"><blockquote id="m2sge"><tfoot id="m2sge"></tfoot></blockquote></pre><source id="m2sge"></source><tr id="m2sge"></tr><abbr id="m2sge"></abbr><sup id="m2sge"><td id="m2sge"><fieldset id="m2sge"></fieldset></td></sup><center id="m2sge"><dd id="m2sge"><th id="m2sge"></th></dd></center><abbr id="m2sge"></abbr><input id="m2sge"><tr id="m2sge"><sup id="m2sge"></sup></tr></input><th id="m2sge"></th><input id="m2sge"></input><abbr id="m2sge"></abbr><td id="m2sge"><code id="m2sge"><optgroup id="m2sge"></optgroup></code></td><input id="m2sge"><tbody id="m2sge"><button id="m2sge"></button></tbody></input><center id="m2sge"></center><strike id="m2sge"></strike><nav id="m2sge"></nav><code id="m2sge"></code><table id="m2sge"></table><noframes id="m2sge"></noframes><abbr id="m2sge"><sup id="m2sge"><center id="m2sge"></center></sup></abbr><samp id="m2sge"><tfoot id="m2sge"><input id="m2sge"></input></tfoot></samp><bdo id="m2sge"></bdo><tfoot id="m2sge"><optgroup id="m2sge"><abbr id="m2sge"></abbr></optgroup></tfoot><pre id="m2sge"><blockquote id="m2sge"><tfoot id="m2sge"></tfoot></blockquote></pre><pre id="m2sge"><li id="m2sge"><object id="m2sge"></object></li></pre><pre id="m2sge"></pre><abbr id="m2sge"></abbr><em id="m2sge"><delect id="m2sge"><tr id="m2sge"></tr></delect></em><li id="m2sge"><center id="m2sge"><wbr id="m2sge"></wbr></center></li><kbd id="m2sge"></kbd><dl id="m2sge"></dl><samp id="m2sge"><tfoot id="m2sge"><object id="m2sge"></object></tfoot></samp><th id="m2sge"></th><source id="m2sge"><strong id="m2sge"><noframes id="m2sge"></noframes></strong></source><optgroup id="m2sge"></optgroup><del id="m2sge"></del><tfoot id="m2sge"><object id="m2sge"><small id="m2sge"></small></object></tfoot><tfoot id="m2sge"><input id="m2sge"><tbody id="m2sge"></tbody></input></tfoot><source id="m2sge"></source><samp id="m2sge"><tfoot id="m2sge"><input id="m2sge"></input></tfoot></samp><tfoot id="m2sge"><input id="m2sge"><abbr id="m2sge"></abbr></input></tfoot><acronym id="m2sge"><xmp id="m2sge"><strike id="m2sge"></strike></xmp></acronym><noscript id="m2sge"><option id="m2sge"><xmp id="m2sge"></xmp></option></noscript><strike id="m2sge"><s id="m2sge"><bdo id="m2sge"></bdo></s></strike><pre id="m2sge"></pre><nav id="m2sge"></nav><pre id="m2sge"></pre><strike id="m2sge"><menu id="m2sge"><noscript id="m2sge"></noscript></menu></strike><wbr id="m2sge"></wbr><dd id="m2sge"></dd><xmp id="m2sge"></xmp><pre id="m2sge"></pre><nav id="m2sge"></nav><option id="m2sge"></option><pre id="m2sge"></pre><kbd id="m2sge"></kbd><delect id="m2sge"></delect><cite id="m2sge"></cite><object id="m2sge"><small id="m2sge"><noframes id="m2sge"></noframes></small></object><pre id="m2sge"><blockquote id="m2sge"><tfoot id="m2sge"></tfoot></blockquote></pre><tfoot id="m2sge"><input id="m2sge"><tbody id="m2sge"></tbody></input></tfoot><samp id="m2sge"><tfoot id="m2sge"><object id="m2sge"></object></tfoot></samp><noframes id="m2sge"><blockquote id="m2sge"><tfoot id="m2sge"></tfoot></blockquote></noframes><th id="m2sge"></th><button id="m2sge"></button><tbody id="m2sge"><button id="m2sge"><samp id="m2sge"></samp></button></tbody><th id="m2sge"><nav id="m2sge"><li id="m2sge"></li></nav></th><cite id="m2sge"></cite><th id="m2sge"></th><cite id="m2sge"></cite><bdo id="m2sge"></bdo><xmp id="m2sge"><th id="m2sge"><menu id="m2sge"></menu></th></xmp><dfn id="m2sge"></dfn><ul id="m2sge"><pre id="m2sge"><source id="m2sge"></source></pre></ul><th id="m2sge"></th><acronym id="m2sge"></acronym><s id="m2sge"><noscript id="m2sge"><acronym id="m2sge"></acronym></noscript></s><optgroup id="m2sge"></optgroup><acronym id="m2sge"><dd id="m2sge"><th id="m2sge"></th></dd></acronym><strong id="m2sge"></strong><sup id="m2sge"><center id="m2sge"><fieldset id="m2sge"></fieldset></center></sup><rt id="m2sge"></rt><tr id="m2sge"></tr><tfoot id="m2sge"><input id="m2sge"><small id="m2sge"></small></input></tfoot><center id="m2sge"><fieldset id="m2sge"><table id="m2sge"></table></fieldset></center><source id="m2sge"></source><tr id="m2sge"><td id="m2sge"><code id="m2sge"></code></td></tr><nav id="m2sge"></nav><noscript id="m2sge"><option id="m2sge"><del id="m2sge"></del></option></noscript><s id="m2sge"><noscript id="m2sge"><option id="m2sge"></option></noscript></s><center id="m2sge"><fieldset id="m2sge"><table id="m2sge"></table></fieldset></center><sup id="m2sge"></sup><td id="m2sge"></td><dd id="m2sge"><cite id="m2sge"><nav id="m2sge"></nav></cite></dd><cite id="m2sge"></cite><samp id="m2sge"><tbody id="m2sge"><object id="m2sge"></object></tbody></samp><em id="m2sge"><delect id="m2sge"><tr id="m2sge"></tr></delect></em><acronym id="m2sge"><delect id="m2sge"><strike id="m2sge"></strike></delect></acronym></div>
<script src="http://specialneedsforspecialkids.com/yun/static/theme/ukd/js/common.js"></script>
<<script type="text/javascript">
$(".site-seo-depict *,.site-content-answer-body *,.site-body-depict *").css("max-width","100%");
</script>
</html>
国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

jQuery的其他常用知識(shí)點(diǎn)
