進(jìn)階15-jQuery動(dòng)畫與ajax

  • 題目1: jQuery 中, $(document).ready()是什么意思?

    答:
    $(document).ready()意思是等頁(yè)面中的DOM元素加載完畢后再執(zhí)行jQuery代碼,而不必等待頁(yè)面中的圖像加載完畢。

    $(document).ready(function(){
    

todo....
})

    
* 題目2:`$node.html()`和`$node.text()`的區(qū)別?
    答:
`$node.html()`返回所選擇元素內(nèi)的html內(nèi)容,包含html標(biāo)簽和文本內(nèi)容。
     ![Paste_Image.png](http://upload-images.jianshu.io/upload_images/2858982-ed12713b912068d3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    `$node.text()`返回所選擇元素內(nèi)的文本內(nèi)容,不包含html標(biāo)簽。
![Paste_Image.png](http://upload-images.jianshu.io/upload_images/2858982-48069dc2b9ce0880.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

* 題目3: $.extend 的作用和用法? 
答:
    作用:將兩個(gè)或更多對(duì)象的內(nèi)容合并到第一個(gè)對(duì)象。
    用法:
    1. `0jQuery.extend( target [, object1 ] [, objectN ] )`第一個(gè)參數(shù)(obj1)作為目標(biāo)對(duì)象,后面的對(duì)象參數(shù)(obj2)的屬性會(huì)合并到目標(biāo)對(duì)象中。如果只有一個(gè)參數(shù),那么jQuery對(duì)象本身將被作為目標(biāo)對(duì)象??梢酝ㄟ^(guò)這種方法向jQuery的命名空間添加新的功能。
 ![Paste_Image.png](http://upload-images.jianshu.io/upload_images/2858982-4b4fee3c5a8c7893.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    2. `jQuery.extend( [deep ], target, object1 [, objectN ] )`如果第一個(gè)參數(shù)是true,那么合并(深拷貝)的多個(gè)對(duì)象內(nèi)部的對(duì)象參數(shù)就不會(huì)產(chǎn)生合并的現(xiàn)象,全部都會(huì)展示出來(lái)。
![Paste_Image.png](http://upload-images.jianshu.io/upload_images/2858982-0c003f15031e8ca6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    3. 作為目標(biāo)對(duì)象的第一個(gè)參數(shù)會(huì)被修改,如果想要保留目標(biāo)對(duì)象原先的值,可以將第一個(gè)參數(shù)設(shè)置為空對(duì)象。作為目標(biāo)對(duì)象的第一個(gè)參數(shù)會(huì)被修改,如果想要保留目標(biāo)對(duì)象原先的值,可以將第一個(gè)參數(shù)設(shè)置為空對(duì)象。
![Paste_Image.png](http://upload-images.jianshu.io/upload_images/2858982-8b3d731e8604773d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

* 題目4: jQuery 的鏈?zhǔn)秸{(diào)用是什么?
答:
    jQuery的鏈?zhǔn)秸{(diào)用是指對(duì)一個(gè)對(duì)象連續(xù)的使用jQuery方法。提高代碼可讀性
    例如`$(this).removeClass("activity").addClass("activity").next().show()`
* 題目5: jQuery 中 data 函數(shù)的作用
答:
    1. data([key],[value])作用:在元素上存放數(shù)據(jù),返回jQuery對(duì)象。
    2. 參數(shù):key:存儲(chǔ)的數(shù)據(jù)名;value:將要存儲(chǔ)的任意數(shù)據(jù)。
console.log($("#box1").data("abc")); //undefined
$("#box1").data("abc", "123"); //設(shè)置abc為123
console.log($("#box1").data("abc")); //123
$("#box1").removeData("abc"); //移除abc設(shè)置的值
console.log($("#box1").data("abc")); //undefined

$("#box2").data("test", {first: 16, last: "pizza"}); //給存儲(chǔ)名為test的對(duì)象存儲(chǔ)內(nèi)容{first:16,last:"pizza"}
console.log($("#box2").data("test").first); //16
console.log($("#box2").data("test").last); //pizza
console.log($("#box2").data("test")); //{first: 16, last: "pizza"}
$("#box2").removeData("test"); //移除test設(shè)置的內(nèi)容
console.log($("#box2").data("test")); //undefined
* 題目6
[預(yù)覽地址](http://book.jirengu.com/jirengu-inc/jrg-renwu7/members/%E6%96%BD%E4%B8%9C%E7%85%8C/%E8%BF%9B%E9%98%B615/15-6.html)
* 題目7
[預(yù)覽地址](http://book.jirengu.com/jirengu-inc/jrg-renwu7/members/%E6%96%BD%E4%B8%9C%E7%85%8C/%E8%BF%9B%E9%98%B615/15-7.html)
* 題目8 
[預(yù)覽地址](http://book.jirengu.com/jirengu-inc/jrg-renwu7/members/%E6%96%BD%E4%B8%9C%E7%85%8C/%E8%BF%9B%E9%98%B615/15-8.html)
![Paste_Image.png](http://upload-images.jianshu.io/upload_images/2858982-00ea19a991d4a15c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容