jQuery 中， $(document).ready()是什么意思？

為防止文檔在完全加載之前運行Jquery代碼,若在文檔未完全加載前就運行函數(shù),操作可能失敗.必須在文檔加載完后執(zhí)行操作,可使用ready事件,作用相當(dāng)于把js寫到body末尾，還有一個簡寫版本的樣子

$(function(){ 
  代碼內(nèi)容... 
})

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

前者不光會把指定節(jié)點中的文本內(nèi)容拿出來，而且會把指定節(jié)點的html也都拿出來
后者的話主要是把指定節(jié)點的文本內(nèi)容拿出來

$.extend 的作用和用法?

主要作用是拓展對象
用法

var obj1 = {a:1}
var obj2 ={b:2,c:3}
var obj3 = {}
$.extend(obj3,obj1,obj2)//{a: 1, b: 2, c: 3}  

jQuery 的鏈式調(diào)用是什么？

在一個對象上使用多個方法的寫法被稱為鏈式調(diào)用，因為大部分對象方法的最后是return this，所以有了鏈式調(diào)用這樣的代碼寫法，簡化了代碼，使開發(fā)者更容易上手。

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

主要作用：data方法允許在DOM元素上綁定任意類型的數(shù)據(jù)，避免了循環(huán)引用的內(nèi)存泄漏風(fēng)險。
寫法

$('選中的元素節(jié)點').data('dk','ll')
$('選中的元素節(jié)點').data('dk')  //返回ll

給元素 $node 添加 class active，給元素 $noed 刪除 class active

$('選中的元素節(jié)點').addClass('active')
$('選中的元素節(jié)點').removeClass('active')

展示元素$node, 隱藏元素$node

$('選中的元素節(jié)點').hide()
$('選中的元素節(jié)點').show()

獲取元素$node 的 屬性: id、src、title， 修改以上屬性

$('img').attr('id') // 獲取id值
$('img').attr('id','yezhu') //修改id值為野豬
$('img').attr('src') //獲取src的內(nèi)容
$('img').attr('src','yezhu') //修改src值為野豬
$('img').attr('title','yezhu') //修改title值為野豬

給$node 添加自定義屬性data-src

$('選中的元素節(jié)點').data('src','value')

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

$('.ct').prepend('.new-node')

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

$('.ct').append('.new-node')

刪除$node

$('.ct').remove()

把$ct里內(nèi)容清空

$('.ct').empty()

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

$('.ct').html(' <div class="btn"></div> ')

獲取、設(shè)置$node 的寬度、高度(分別不包括內(nèi)邊距、包括內(nèi)邊距、包括邊框、包括外邊距)

$('select-node').width();//不包括內(nèi)邊距寬度,僅包括內(nèi)容
$('select-node').height();//不包括內(nèi)邊距高度,僅包括內(nèi)容
$('select-node').innerWidth();//包括內(nèi)容和內(nèi)邊距寬度
$('select-node').innerHeight();//包括內(nèi)容和內(nèi)邊距高度
$('select-node').outerWidth();//包括內(nèi)容,內(nèi)邊距,邊框?qū)挾?$('select-node').outerHeight();//包括內(nèi)容,內(nèi)邊距,邊框高度
$('select-node').outerHeight(true);//包括內(nèi)容,內(nèi)邊距,邊框,外邊距高度
$('select-node').outerWidth(true);//包括內(nèi)容,內(nèi)邊距,邊框,外邊距寬度

獲取窗口滾動條垂直滾動距離

$(window).scrollTop()

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

$(node).offset()

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

$(node).css({'color':'red','font-zize':'14px'})

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

$('.ct>ul>li').each(function(){
  var str  =  $(this).text()
  str = str+str
console.log(str)
})

從$ct 里查找 class 為 .item的子元素

$('.ct').find('.item')

獲取$ct 里面的所有孩子

$('.ct').children()

對于$node，向上找到 class 為'.ct'的父親，在從該父親找到'.panel'的孩子

$(node).parents('.ct').find('.panel')

獲取選擇元素的數(shù)量

$(node).length;

獲取當(dāng)前元素在兄弟中的排行

$(node).index()

7-1 ～7-5

代碼展示

8 當(dāng)點擊加載更多會加載數(shù)據(jù)展示到頁面

代碼展示