Jquery 中，$(document).ready()是什么意思韭脊？和window.onload 的區(qū)別？ 還有其他什么寫法或者替代方法？

$(document).ready()是指在頁面中等到所有DOM準(zhǔn)備就緒時制恍，執(zhí)行ready()這個函數(shù)，一般把jq事件和函數(shù)放置于該事件中神凑。

區(qū)別：

• window.onload需要頁面內(nèi)包括圖片等所有元素加載完畢后才能執(zhí)行净神，而$(document).ready()是DOM結(jié)構(gòu)繪制完畢后就可以執(zhí)行，不必等到加載完畢溉委。
• window.onload不能同時編寫多個鹃唯，如果頁面有多個window.onload,只會執(zhí)行最后一個，$(document).ready()可以同時編寫多個并執(zhí)行

其他寫法：

• $(document).ready(function)
• $().ready(function)
• $(function)

$node.html()和$node.text()的區(qū)別

• $node.html()獲取被選元素的節(jié)點包括html結(jié)構(gòu)
• $node.text()獲取被選元素的文本節(jié)點

$.extend 的作用和用法?

1. 當(dāng)我們提供兩個或多個對象給$.extend()瓣喊，對象的所有屬性都添加到目標(biāo)對象（第一個參數(shù)）并返回坡慌，如果沒有{}將賦值到第一個對象。
   用法為：
   var object=$.extend({},object1,object2);

2. 當(dāng)一個參數(shù)為true時藻三，將會進(jìn)行遞歸的深拷貝合并洪橘。
   用法為：
   var object=$.extend(true,{},object1,object2);

JQuery 的鏈?zhǔn)秸{(diào)用是什么跪者？

指的是在JQ環(huán)境下，函數(shù)的返回對象可以連續(xù)的使用.jq()的方法進(jìn)行連續(xù)調(diào)用而不報錯

JQuery ajax 中緩存怎樣控制?

使用cache這個參數(shù)控制梨树，true代表可以緩存坑夯，false則為不緩存？（不緩存的方法主要是運(yùn)用是時間戳的原理）

jquery 中 data 函數(shù)的作用

data函數(shù)主要是用來在元素中存放臨時數(shù)據(jù)
如：

$("div").data("loading",'hahha');
  console.log($("div").data("loading"));  //"hahha"

代碼

1. 給元素 $node 添加 class active抡四，給元素 $noed 刪除 class active
   $node.addClass('active) //添加
$node.removeClass('active') //刪除

2. 展示元素$node, 隱藏元素$node
   $node.show() //展示
$node.hide() //隱藏

3. 獲取元素$node 的 屬性: id柜蜈、src、title指巡， 修改以上屬性
   $node.attr('id/src/title','el') //只有第一個參數(shù)代表獲取元素屬性淑履，第二個可選參數(shù)el為需要設(shè)置的屬性

4. 給$node 添加自定義屬性data-src
   $node.attr('data-src','添加的屬性')

5. 在$ct 內(nèi)部最開頭添加元素$node
   $ct.prepend($node)

6. 在$ct 內(nèi)部最末尾添加元素$node
   $ct.append($node)

7. 刪除$node
   $node.remove() //刪除此元素以及子元素

8. 把$ct里內(nèi)容清空
   $ct.empty() //刪除ct子元素

9. 在$ct 里設(shè)置 html <div class="btn"></div>
$ct.html('<div class="btn"></div>')

10. 獲取、設(shè)置$node的寬度藻雪、高度(分別不包括內(nèi)邊距秘噪、包括內(nèi)邊距、包括邊框勉耀、包括外邊距)

    獲取高度：
    $node.height()        返回高度（不包括內(nèi)邊距指煎、邊框或外邊距）
    $node.inndrHeight()    返回高度包括內(nèi)邊距
    $node.outerHeight()     返回高度包括內(nèi)邊距和邊框
    $node.outerHeight()    返回高度包括內(nèi)邊距邊框和外邊距
    //寬度等同于上邊
    設(shè)置寬高例子：
    `$('div').width(300).height(200);  設(shè)置div寬度300，高度200`
    

11. 獲取窗口滾動條垂直滾動距離
    $(document).scrollTop();

12. 獲取$node 到根節(jié)點水平便斥、垂直偏移距離
    $node.offset()

13. 修改$node 的樣式至壤，字體顏色設(shè)置紅色，字體大小設(shè)置14px

    $node.css({
        "color":"red",
        "font-size":"14px"    
    }; 
    

14. 遍歷節(jié)點枢纠，把每個節(jié)點里面的文本內(nèi)容重復(fù)一遍

    $.each($node,function(){
      console.log($(this).text());
    });
    或：
    $node.each(function(){
      console.log($(this).text());
    });
    

15. 從$ct 里查找 class 為 .item的子元素
    $ct.find('item')

16. 獲取$ct 里面的所有孩子
    $ct.children() //獲取直接子元素
$ct.find('*') //獲取所有后代元素

17. 對于$node像街，向上找到class為'.ct'的父親，在從該父親找到'.panel'的孩子
    $node.parents('.ct').find('.panel')

18. 獲取選擇元素的數(shù)量
    $node.length; //$node.size()

19. 獲取當(dāng)前元素在兄弟中的排行
    $node.index()

代碼

代碼2晋渺、3

• 本博客版權(quán)歸羞澀的澀和饑人谷所有镰绎，轉(zhuǎn)載請注明出處