摘要：獲取匹配的第一個元素相對于其最近的具有定位即不是的父元素的位置返回不能設置。但是這兩種方法的缺點是要綁定的元素必須存在文檔中。支持對動態創建的元素有效。解綁所有代理的事件，而元素本身的事件不會被解綁。觸發事件響應方法，不觸發瀏覽器行為。

:visible 和 :hidden 匹配顯示和隱藏的元素（css-display），需要指明元素或類，因為head、script等元素也是不可見的。

:animate 處于動畫的元素

tr:nth-child(even) tr:nth-child(2n) 偶數行，odd 奇數行 3n 隔兩行。（tr:even tr:odd)

tr:nth-child(1)、tr:first、tr:first-child、$("tr").first() 、$("tr").eq(0) 拿到一樣的

tr:only-child 只有一個子元素的

tr:gt(i) 拿到i之后的

tr:lt(i) 拿到i之前的

tr:not(".className") 獲取不含指定類的

input:not(:checkbox) 非復選框的input元素

tr:contains(text) 獲取包含給定文本的

tr:empty 獲取無子元素或文本的空元素

tr:has(selector) 獲取有匹配子選擇器的元素

tr:parent 獲取含有子元素或者文本的元素

tr:hidden 獲取所有不可見元素 （通過.show()展示）

tr:visible 獲取所有的可見元素 （通過.hide()隱藏）

tr[attribute=value] 屬性選擇器 *= ^= $= !=

li:has(a) 包含a的li

針對表單元素的一些特殊選擇器

:input 匹配的是 ，，<select>，<button>
:button 匹配 input[type=button|reset|submit]和button
:file  即 input[type=file]，同理還有 :checkbox，:radio
:checked 勾上的單復選框
:disabled 和 :enabled 能和不能點擊或輸入的表單元素
:focus 匹配當前焦點元素
:checkbox:checked:disabled 匹配的是不能點擊的已選中的復選框</pre>
<b>API</b>
<b>prop() 和 attr()</b>
<pre>prop() 方法用來改變影響DOM元素的動態狀態，而不是改變HTML屬性。比如： disabled、checked</pre>
<b>clone()</b>
<pre>參數是布爾值，代表是否復制事件，默認false。
$(".item").on("click", function(){});
$(".item").clone(true).appendTo(".list"); // 克隆 .item（包括事件）并添加到 .list</pre>
<b>val()</b>
<pre>設置或者返回表單元素（input、select、textarea）的值</pre>
<b>replaceWith() 和 replaceAll()</b>
<pre><div   class="z77nhhf"   id="app">hello jquery world.</div>

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

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

垂直滾動條位置 是可滾動區域 在 可視區域上方的 被隱藏區域的高度。
如果滾動條在最上方沒有滾動 或者 當前元素沒有出現滾動條，那么這個距離為0

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

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

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

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

<p>動畫的停止與延時 stop()、delay()</p>
<b>AJAX</b>
<pre>$.ajax({
    beforeSend(){} // 發送請求之前調用的匿名函數，如果 return false; 就代表阻止該次請求，可以用于驗證用戶輸入的數據
})</pre>
<b>鏈式編程</b>
<pre>原理： return this;
通常只有設置操作才可以鏈式操作，獲取操作時返回相應的值，無法返回this。
end() 結束當前鏈最近的一次過濾操作，并且返回匹配元素之前的狀態。</pre>
<b>多庫共存</b>
<pre>jQuery占用了$ 和jQuery這兩個變量，如果同一個頁面引用了jQuery庫，還引用了其他庫或者其他版本的jQuery也用的了$或jQuery這個變量，為了保證每個庫都能正常使用，就需要讓jQuery交出變量的控制權。
$.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="nx7lp7l"   class="mt-64 tags-seach" >
                 <div   id="nxl5nnf"   class="tags-info">
                                                                                                                    
                         <a style="width:120px;" title="GPU云服務器" href="http://specialneedsforspecialkids.com/site/product/gpu.html">GPU云服務器</a>
                                             
                         <a style="width:120px;" title="云服務器" href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo">云服務器</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="您實名認證的其他賬號" href="http://specialneedsforspecialkids.com/yun/tag/ninshimingrenzhengdeqitazhanghao/">您實名認證的其他賬號</a>
                                                                                                           <a style="width:120px;" title="python的知識點" href="http://specialneedsforspecialkids.com/yun/tag/pythondezhishidian/">python的知識點</a>
                                                         
                 </div>
               
              </div>
             
               <div   id="x7vztfr"   class="entry-copyright mb-30">
                   <p class="mb-15"> 文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。</p>
                 
                   <p>轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/114065.html</p>
               </div>
                      
               <ul class="pre-next-page">
                 
                                  <li id="zxnt5lj"    class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/114064.html">上一篇：‘純css實現Material Design中的水滴動畫按鈕’的js體驗優化</a></li>  
                                                
                                       <li id="jvdv5hv"    class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/114066.html">下一篇：關于Http協議，你必須要知道的</a></li>
                                  </ul>
              </div>
              <div   id="vj5nrff"   class="about_topicone-mid">
                <h3 class="top-com-title mb-0"><span data-id="0">相關文章</span></h3>
                <ul class="com_white-left-mid atricle-list-box">
                             
                                                                                                    <li>
                                                <div   id="pt755zz"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/98549.html"><b><em>jQuery</em><em>的</em><em>其他</em><em>常用</em><em>知<em>識點</em></em></b></a></h2>
                                                     <p class="ellipsis2 good">摘要：獲取匹配的第一個元素相對于其最近的具有定位即不是的父元素的位置返回不能設置。但是這兩種方法的缺點是要綁定的元素必須存在文檔中。支持對動態創建的元素有效。解綁所有代理的事件，而元素本身的事件不會被解綁。觸發事件響應方法，不觸發瀏覽器行為。

選擇器

:visible 和 :hidden 匹配顯示和隱藏的元素（css-display），需要指明元素或類，因為head、script等元素也是...</p>
                                                   
                          <div   id="frh5lxl"   class="com_white-left-info">
                                <div   id="z7jnrrt"   class="com_white-left-infol">
                                    <a href="http://specialneedsforspecialkids.com/yun/u-1624.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/16/small_000001624.jpg" alt=""><span id="rp5vbdv"    class="layui-hide64">yeooo</span></a>
                                    <time datetime="">2019-08-23 12:27</time>
                                    <span><i class="fa fa-commenting"></i>評論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                                       <li>
                                                <div   id="fp5x55f"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/79067.html"><b><em>jQuery</em>學習和<em>知<em>識點</em></em>總結歸納</b></a></h2>
                                                     <p class="ellipsis2 good">摘要：目前在前端開發所占的比重越來越高，在我們學習和開發的過程中都會去使用。下面把程序員雷雪松對的知識點總結和歸納分享給大家。過濾對同胞元素的搜索。將匹配元素集合縮減為集合中的最后一個元素。返回指定元素相對于其他指定元素的位置。

jQuery目前在Web前端開發所占的比重越來越高，在我們jQuery學習和開發的過程中都會去使用。jQuery幫我們解決了瀏覽器之間JS一些不兼容的地方和簡化了原...</p>
                                                   
                          <div   id="x7z7xxj"   class="com_white-left-info">
                                <div   id="htx7fdr"   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="xx7v5dd"    class="layui-hide64">JohnLui</span></a>
                                    <time datetime="">2019-08-19 18:00</time>
                                    <span><i class="fa fa-commenting"></i>評論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                                       <li>
                                                <div   id="7b77xnn"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/100352.html"><b>【連載】前端個人文章整理-從基礎到入門</b></a></h2>
                                                     <p class="ellipsis2 good">摘要：個人前端文章整理從最開始萌生寫文章的想法，到著手開始寫，再到現在已經一年的時間了，由于工作比較忙，更新緩慢，后面還是會繼更新，現將已經寫好的文章整理一個目錄，方便更多的小伙伴去學習。

showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080);
個人前端文章整理
從最開始萌生寫文章的想法，到著手...</p>
                                                   
                          <div   id="prtbv5n"   class="com_white-left-info">
                                <div   id="bztx7rd"   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="bptzhvv"    class="layui-hide64">madthumb</span></a>
                                    <time datetime="">2019-08-23 14:15</time>
                                    <span><i class="fa fa-commenting"></i>評論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                           
                </ul>
              </div>
              
               <div   id="rdjfvvh"   class="topicone-box-wangeditor">
                  
                  <h3 class="top-com-title mb-64"><span>發表評論</span></h3>
                   <div   id="npjrl57"   class="xcp-publish-main flex_box_zd">
                                      
                      <div   id="d5l5j5t"   class="unlogin-pinglun-box">
                        <a href="javascript:login()" class="grad">登陸后可評論</a>
                      </div>                   </div>
               </div>
              <div   id="lxd5xnn"   class="site-box-content">
                <div   id="7djdhj7"   class="site-content-title">
                  <h3 class="top-com-title mb-64"><span>0條評論</span></h3>   
                </div> 
                      <div   id="hvbtn5r"   class="pages"></ul></div>
              </div>
           </div>
           <div   id="p5h7bdr"   class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right">
              <div   id="pfx7p5d"   class=""> 
                <div   id="7dl7rth"   class="com_layuiright-box user-msgbox">
                    <a href="http://specialneedsforspecialkids.com/yun/u-1191.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/11/small_000001191.jpg" alt=""></a>
                    <h3><a href="http://specialneedsforspecialkids.com/yun/u-1191.html" rel="nofollow">tomorrowwu</a></h3>
                    <h6>男<span>|</span>高級講師</h6>
                    <div   id="f77vdrh"   class="flex_box_zd user-msgbox-atten">
                     
                                                                      <a href="javascript:attentto_user(1191)" id="attenttouser_1191" class="grad follow-btn notfollow attention">我要關注</a>
      
                                                                                        <a href="javascript:login()" title="發私信" >我要私信</a>
                     
                                            
                    </div>
                    <div   id="b7tl5fh"   class="user-msgbox-list flex_box_zd">
                          <h3 class="hpf">TA的文章</h3>
                          <a href="http://specialneedsforspecialkids.com/yun/ut-1191.html" class="box_hxjz">閱讀更多</a>
                    </div>
                      <ul class="user-msgbox-ul">
                                                  <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/124034.html">Linux內核移植入門</a></h3>
                            <p>閱讀 1402<span>·</span>2021-11-22 09:34</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/120257.html">flashfxp代理的主機是什么-代理主機名是什么？</a></h3>
                            <p>閱讀 1377<span>·</span>2021-09-22 14:57</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/119765.html">CS5268規格書|CS5268功能介紹|TYPE-C轉HDMI+VGA</a></h3>
                            <p>閱讀 3400<span>·</span>2021-09-10 10:50</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/116895.html">前端每日實戰：79# 視頻演示如何用純 CSS 創作單元素麥當勞金拱門 Logo</a></h3>
                            <p>閱讀 1370<span>·</span>2019-08-30 15:54</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/114065.html">jQuery的其他常用知識點</a></h3>
                            <p>閱讀 3690<span>·</span>2019-08-29 17:02</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/112222.html">模擬select彈框</a></h3>
                            <p>閱讀 3471<span>·</span>2019-08-29 12:54</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/110392.html">DOM【介紹、HTML中的DOM、XML中的DOM】</a></h3>
                            <p>閱讀 2611<span>·</span>2019-08-27 10:57</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/108633.html">React手稿之類型檢查</a></h3>
                            <p>閱讀 3316<span>·</span>2019-08-26 12:24</p></li>
                                                
                      </ul>
                </div>

                   <!-- 文章詳情右側廣告-->
              
  <div   id="7b7rlbb"   class="com_layuiright-box">
                  <h6 class="top-com-title"><span>最新活動</span></h6> 
           
         <div   id="jx7txp5"   class="com_adbox">
                    <div   id="xvpj5rt"   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="云服務器">                                 
                          </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云服務器">                                 
                          </a>
                        </div>
                                                                   
                    
                        
                      </div>
                    </div>
                      
                    </div>                    <!-- banner結束 -->
              
<div   id="rbrxdbd"   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="dhlbfzb"   class="site-tree-mobile layui-hide">
      <i class="layui-icon layui-icon-spread-left"></i>
    </div>
    <!-- wap遮罩層 -->
    <div   id="dptddfd"   class="site-mobile-shade"></div>
    
       <!--付費閱讀 -->
       <div   class="hhndjhr"   id="payread">
         <div   id="xj5v57z"   class="layui-form-item">閱讀需要支付1元查看</div>  
         <div   id="95v575h"   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("復制代碼 ").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("復制成功")
});

clipboard.on('error', function(e) {
    alert("復制失敗")
});
}
//$(".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:"付費閱讀",
      shadeClose: true,
      content: $('#payread')
    });
}
// 舉報
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;
//加載評論
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("評論內容不能為空");
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("您已經贊過");
                 }
                 }
         });
 });
 function attenquestion(_tid,_rs){
    	$.ajax({
    //提交數據的類型 POST GET
    type:"POST",
    //提交的網址
    url:"http://specialneedsforspecialkids.com/yun/favorite/topicadd.html",
    //提交的數據
    data:{tid:_tid,rs:_rs},
    //返回數據的格式
    datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
    //在請求之前調用的函數
    beforeSend:function(){},
    //成功返回之后調用的函數
    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)
       }


    }   ,
    //調用執行后調用的函數
    complete: function(XMLHttpRequest, textStatus){
     	postadopt=true;
    },
    //調用出錯執行的函數
    error: function(){
        //請求出錯處理
    	postadopt=false;
    }
 });
}
</script>
<footer>
        <div   id="pp5dpft"   class="layui-container">
            <div   id="xzdlrrh"   class="flex_box_zd">
              <div   id="hflfjxp"   class="left-footer">
                    <h6><a href="http://specialneedsforspecialkids.com/"><img src="http://specialneedsforspecialkids.com/yun/static/theme/ukd//images/logo.png" alt="UCloud （優刻得科技股份有限公司）"></a></h6>
                    <p>UCloud （優刻得科技股份有限公司）是中立、安全的云計算服務平臺，堅持中立，不涉足客戶業務領域。公司自主研發IaaS、PaaS、大數據流通平臺、AI服務平臺等一系列云計算產品，并深入了解互聯網、傳統企業在不同場景下的業務需求，提供公有云、混合云、私有云、專有云在內的綜合性行業解決方案。</p>
              </div>
              <div   id="vjrhbz7"   class="right-footer layui-hidemd">
                  <ul class="flex_box_zd">
                      <li>
                        <h6>UCloud與云服務</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線上公開課</a></p>
                         <p><a href="http://specialneedsforspecialkids.com/site/solutions.html" >行業解決方案</a></p>                                                  <p><a href="http://specialneedsforspecialkids.com/site/pro-notice/">產品動態</a></p>
                      </li>
                      <li>
                        <h6>友情鏈接</h6>                                             <p><a >GPU算力平臺</a></p>                                             <p><a >UCloud私有云</a></p>
                                             <p><a >SurferCloud</a></p>                                             <p><a >工廠仿真軟件</a></p>                                             <p><a >Pinex</a></p>                                             <p><a >AI繪畫</a></p>
                                             
                      </li>
                      <li>
                        <h6>社區欄目</h6>
                         <p><a href="http://specialneedsforspecialkids.com/yun/column/index.html">專欄文章</a></p>
                     <p><a href="http://specialneedsforspecialkids.com/yun/udata/">專題地圖</a></p>                      </li>
                      <li>
                        <h6>常見問題</h6>
                         <p><a href="http://specialneedsforspecialkids.com/site/ucsafe/notice.html" >安全中心</a></p>
                         <p><a href="http://specialneedsforspecialkids.com/site/about/news/recent/" >新聞動態</a></p>
                         <p><a href="http://specialneedsforspecialkids.com/site/about/news/report/">媒體動態</a></p>                                                  <p><a href="http://specialneedsforspecialkids.com/site/cases.html">客戶案例</a></p>                                                
                         <p><a href="http://specialneedsforspecialkids.com/site/notice/">公告</a></p>
                      </li>
                      <li>
                          <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優刻得"></span>
                          <p>掃掃了解更多</p></div>
            </div>
            <div   id="zzrjnlb"   class="copyright">Copyright ? 2012-2023 UCloud 優刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網安備 31011002000058號</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號-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="l5hr5" class="pl_css_ganrao" style="display: none;"><i id="l5hr5"><listing id="l5hr5"></listing></i><video id="l5hr5"></video><label id="l5hr5"><strong id="l5hr5"></strong></label><label id="l5hr5"><rp id="l5hr5"><font id="l5hr5"><progress id="l5hr5"></progress></font></rp></label><progress id="l5hr5"><sup id="l5hr5"><label id="l5hr5"><th id="l5hr5"></th></label></sup></progress><dfn id="l5hr5"></dfn><var id="l5hr5"></var><progress id="l5hr5"><sup id="l5hr5"><label id="l5hr5"><th id="l5hr5"></th></label></sup></progress><legend id="l5hr5"></legend><ol id="l5hr5"><optgroup id="l5hr5"><output id="l5hr5"><em id="l5hr5"></em></output></optgroup></ol><tt id="l5hr5"><big id="l5hr5"><dl id="l5hr5"><legend id="l5hr5"></legend></dl></big></tt><sup id="l5hr5"><strong id="l5hr5"></strong></sup><tt id="l5hr5"></tt><form id="l5hr5"><output id="l5hr5"></output></form><label id="l5hr5"></label><strike id="l5hr5"><var id="l5hr5"><form id="l5hr5"><output id="l5hr5"></output></form></var></strike><i id="l5hr5"><track id="l5hr5"></track></i><i id="l5hr5"><track id="l5hr5"></track></i><th id="l5hr5"><b id="l5hr5"></b></th><track id="l5hr5"></track><acronym id="l5hr5"></acronym><p id="l5hr5"><var id="l5hr5"><form id="l5hr5"><output id="l5hr5"></output></form></var></p><progress id="l5hr5"></progress><legend id="l5hr5"><sup id="l5hr5"></sup></legend><nobr id="l5hr5"><b id="l5hr5"><ins id="l5hr5"><address id="l5hr5"></address></ins></b></nobr><track id="l5hr5"></track><p id="l5hr5"><var id="l5hr5"><form id="l5hr5"><video id="l5hr5"></video></form></var></p><em id="l5hr5"></em><div id="l5hr5"></div><strong id="l5hr5"><optgroup id="l5hr5"></optgroup></strong><dfn id="l5hr5"><u id="l5hr5"><ruby id="l5hr5"><font id="l5hr5"></font></ruby></u></dfn><th id="l5hr5"><b id="l5hr5"></b></th><menuitem id="l5hr5"></menuitem><pre id="l5hr5"></pre><th id="l5hr5"></th><tt id="l5hr5"><menuitem id="l5hr5"></menuitem></tt><mark id="l5hr5"><form id="l5hr5"></form></mark><th id="l5hr5"></th><thead id="l5hr5"><legend id="l5hr5"><acronym id="l5hr5"><label id="l5hr5"></label></acronym></legend></thead><i id="l5hr5"></i><sub id="l5hr5"></sub><dfn id="l5hr5"></dfn><big id="l5hr5"><ol id="l5hr5"></ol></big><var id="l5hr5"><form id="l5hr5"></form></var><th id="l5hr5"><b id="l5hr5"></b></th><strong id="l5hr5"><optgroup id="l5hr5"></optgroup></strong><label id="l5hr5"><strong id="l5hr5"><ruby id="l5hr5"><thead id="l5hr5"></thead></ruby></strong></label><ins id="l5hr5"><address id="l5hr5"></address></ins><pre id="l5hr5"></pre><div id="l5hr5"><strong id="l5hr5"></strong></div><dfn id="l5hr5"><mark id="l5hr5"></mark></dfn><nobr id="l5hr5"></nobr><dfn id="l5hr5"></dfn><menuitem id="l5hr5"><dl id="l5hr5"><i id="l5hr5"><listing id="l5hr5"></listing></i></dl></menuitem><tt id="l5hr5"><menuitem id="l5hr5"><span id="l5hr5"><legend id="l5hr5"></legend></span></menuitem></tt><menuitem id="l5hr5"><dl id="l5hr5"><i id="l5hr5"><listing id="l5hr5"></listing></i></dl></menuitem><strong id="l5hr5"><optgroup id="l5hr5"></optgroup></strong><dfn id="l5hr5"><menuitem id="l5hr5"><span id="l5hr5"><thead id="l5hr5"></thead></span></menuitem></dfn><ins id="l5hr5"></ins><thead id="l5hr5"></thead><legend id="l5hr5"><sup id="l5hr5"></sup></legend><th id="l5hr5"></th><listing id="l5hr5"></listing><output id="l5hr5"><sub id="l5hr5"></sub></output><u id="l5hr5"><mark id="l5hr5"></mark></u><ol id="l5hr5"><pre id="l5hr5"></pre></ol><meter id="l5hr5"><acronym id="l5hr5"></acronym></meter><optgroup id="l5hr5"><output id="l5hr5"><sub id="l5hr5"><big id="l5hr5"></big></sub></output></optgroup><video id="l5hr5"><em id="l5hr5"><div id="l5hr5"><dl id="l5hr5"></dl></div></em></video><var id="l5hr5"><form id="l5hr5"><ins id="l5hr5"><sub id="l5hr5"></sub></ins></form></var><style id="l5hr5"></style><thead id="l5hr5"><label id="l5hr5"><u id="l5hr5"><rp id="l5hr5"></rp></u></label></thead><strong id="l5hr5"><optgroup id="l5hr5"></optgroup></strong><span id="l5hr5"></span><mark id="l5hr5"><form id="l5hr5"></form></mark><mark id="l5hr5"><form id="l5hr5"></form></mark><sub id="l5hr5"><div id="l5hr5"></div></sub><meter id="l5hr5"><pre id="l5hr5"></pre></meter><form id="l5hr5"><output id="l5hr5"><sub id="l5hr5"><big id="l5hr5"></big></sub></output></form><style id="l5hr5"><nobr id="l5hr5"></nobr></style><i id="l5hr5"><track id="l5hr5"></track></i><mark id="l5hr5"><form id="l5hr5"></form></mark><acronym id="l5hr5"><style id="l5hr5"><nobr id="l5hr5"><b id="l5hr5"></b></nobr></style></acronym><thead id="l5hr5"><label id="l5hr5"><u id="l5hr5"><rp id="l5hr5"></rp></u></label></thead><i id="l5hr5"><listing id="l5hr5"></listing></i><sub id="l5hr5"><div id="l5hr5"><dl id="l5hr5"><i id="l5hr5"></i></dl></div></sub><strong id="l5hr5"><optgroup id="l5hr5"></optgroup></strong><ol id="l5hr5"><pre id="l5hr5"><track id="l5hr5"><tt id="l5hr5"></tt></track></pre></ol><big id="l5hr5"><dl id="l5hr5"><i id="l5hr5"><listing id="l5hr5"></listing></i></dl></big><rp id="l5hr5"><thead id="l5hr5"><legend id="l5hr5"><sup id="l5hr5"></sup></legend></thead></rp><ins id="l5hr5"></ins><menuitem id="l5hr5"><span id="l5hr5"></span></menuitem><i id="l5hr5"></i><u id="l5hr5"><ruby id="l5hr5"></ruby></u><dfn id="l5hr5"><menuitem id="l5hr5"><span id="l5hr5"><thead id="l5hr5"></thead></span></menuitem></dfn><thead id="l5hr5"><progress id="l5hr5"><sup id="l5hr5"><style id="l5hr5"></style></sup></progress></thead><em id="l5hr5"><big id="l5hr5"></big></em><meter id="l5hr5"></meter><span id="l5hr5"></span><em id="l5hr5"><big id="l5hr5"></big></em><b id="l5hr5"></b><small id="l5hr5"><ins id="l5hr5"><address id="l5hr5"><strike id="l5hr5"></strike></address></ins></small><big id="l5hr5"></big><dfn id="l5hr5"><u id="l5hr5"></u></dfn><var id="l5hr5"><form id="l5hr5"><output id="l5hr5"><sub id="l5hr5"></sub></output></form></var><form id="l5hr5"><thead id="l5hr5"><dfn id="l5hr5"><u id="l5hr5"></u></dfn></thead></form><mark id="l5hr5"><form id="l5hr5"></form></mark><u id="l5hr5"><ruby id="l5hr5"></ruby></u><form id="l5hr5"></form><th id="l5hr5"></th><legend id="l5hr5"></legend><listing id="l5hr5"><dfn id="l5hr5"><mark id="l5hr5"><form id="l5hr5"></form></mark></dfn></listing><strike id="l5hr5"><strong id="l5hr5"><form id="l5hr5"><video id="l5hr5"></video></form></strong></strike><b id="l5hr5"><progress id="l5hr5"><acronym id="l5hr5"><label id="l5hr5"></label></acronym></progress></b><listing id="l5hr5"><dfn id="l5hr5"><mark id="l5hr5"><form id="l5hr5"></form></mark></dfn></listing><listing id="l5hr5"><tt id="l5hr5"><menuitem id="l5hr5"><span id="l5hr5"></span></menuitem></tt></listing><tt id="l5hr5"><big id="l5hr5"><dl id="l5hr5"><i id="l5hr5"></i></dl></big></tt><meter id="l5hr5"></meter><mark id="l5hr5"></mark><strong id="l5hr5"><form id="l5hr5"><output id="l5hr5"><em id="l5hr5"></em></output></form></strong><menuitem id="l5hr5"></menuitem><pre id="l5hr5"><video id="l5hr5"><em id="l5hr5"><menuitem id="l5hr5"></menuitem></em></video></pre><listing id="l5hr5"><dfn id="l5hr5"></dfn></listing><em id="l5hr5"></em><meter id="l5hr5"></meter><p id="l5hr5"><nobr id="l5hr5"></nobr></p><listing id="l5hr5"></listing><pre id="l5hr5"><p id="l5hr5"></p></pre><dfn id="l5hr5"></dfn><pre id="l5hr5"><style id="l5hr5"></style></pre><form id="l5hr5"></form><var id="l5hr5"></var><font id="l5hr5"></font><rp id="l5hr5"><form id="l5hr5"><thead id="l5hr5"><label id="l5hr5"></label></thead></form></rp><dfn id="l5hr5"><u id="l5hr5"></u></dfn><legend id="l5hr5"><label id="l5hr5"></label></legend><pre id="l5hr5"><p id="l5hr5"></p></pre><ruby id="l5hr5"><thead id="l5hr5"></thead></ruby><var id="l5hr5"><form id="l5hr5"></form></var><var id="l5hr5"><form id="l5hr5"><output id="l5hr5"><sub id="l5hr5"></sub></output></form></var><style id="l5hr5"><nobr id="l5hr5"><small id="l5hr5"><ins id="l5hr5"></ins></small></nobr></style><u id="l5hr5"><mark id="l5hr5"></mark></u><mark id="l5hr5"><span id="l5hr5"><thead id="l5hr5"><label id="l5hr5"></label></thead></span></mark><form id="l5hr5"><legend id="l5hr5"></legend></form><progress id="l5hr5"><sup id="l5hr5"><strong id="l5hr5"><th id="l5hr5"></th></strong></sup></progress><ins id="l5hr5"><pre id="l5hr5"></pre></ins><style id="l5hr5"></style><div id="l5hr5"><ol id="l5hr5"></ol></div><var id="l5hr5"><small id="l5hr5"><ins id="l5hr5"><sub id="l5hr5"></sub></ins></small></var><legend id="l5hr5"><sup id="l5hr5"></sup></legend></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>