jQuery動畫

1、jQuery 中, $(document).ready()是什么意思?

就是必須在DOM全部加載完畢后調(diào)用js代碼(或者這樣寫$.ready())祸泪,HTML文件瀏覽器逐行解析,當(dāng)JS文件放在前面時建芙,DOM還未加載没隘,此時調(diào)用JS文件執(zhí)行就可能會出錯,為避免出錯禁荸,需要保證 JS 在 DOM 完全加載完成后執(zhí)行右蒲。jQuery 的 ready 方法就是這個目的。此時不管這段代碼寫在哪里赶熟,都相當(dāng)于寫在 body 的末尾瑰妄,最后執(zhí)行。

2映砖、$node.html()和$node.text()的區(qū)別?

a)$node.html():獲取元素內(nèi)html標(biāo)簽加文本內(nèi)容翰撑。
b)$node.text():只獲取元素內(nèi)的文本內(nèi)容。

3啊央、 $.extend 的作用和用法?

1、extend({},src1,src2,src3...) 
它的含義是將src1,src2,src3…合并到{}中,返回值為合并后的{}涨醋,后面的參數(shù)如果和前面的參數(shù)存在相同的名稱瓜饥,那么后面的會覆蓋前面的參數(shù)值
var obj1 = {a:1,b:1}
var obj2 ={b:2,c:3}
var obj3 = {}
$.extend(obj3,obj1,obj2)//{a: 1, b: 2, c: 3}  

2、extend(boolean,dest,src1,src2,src3...)
第一個參數(shù)boolean代表是否進(jìn)行深度拷貝浴骂,其余參數(shù)和前面介紹的一致乓土,舉個例子
var result=$.extend( true, {}, { name: "John", location: {city: "Boston",county:"USA"} }, 
{ last: "Resig", location: {state: "MA",county:"China"} } )
result={name:"John",last:"Resig",location:{city:"Boston",state:"MA",county:"China"}}

var result=$.extend( false, {}, { name: "John", location:{city: "Boston",county:"USA"} }, 
{ last: "Resig", location: {state: "MA",county:"China"} } )
result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}

4、jQuery 的鏈?zhǔn)秸{(diào)用是什么溯警?

當(dāng)jQuery方法函數(shù)執(zhí)行完以后趣苏,返回的值依然是當(dāng)前對像,所以可以繼續(xù)調(diào)用其余方法梯轻,這樣就形成了一種鏈?zhǔn)秸{(diào)用食磕。

$node.addClass().html().removeClass()

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

data() 方法向被選元素附加數(shù)據(jù)喳挑,或者從被選元素獲取數(shù)據(jù)彬伦。 通過data()函數(shù)存取的數(shù)據(jù)都是臨時數(shù)據(jù)滔悉,一旦頁面刷新,之前存放的數(shù)據(jù)都將不復(fù)存在单绑。 移除通過data()函數(shù)存放的數(shù)據(jù)回官,用 removeData() 函數(shù)。

$node.data('dk','ll')
$node.data('dk')  //返回ll

6搂橙、寫出以下功能對應(yīng)的 jQuery 方法:

給元素 $node 添加 class active歉提,給元素 $noed 刪除 class active
$node.addClass("active")
$node.removeClass("active")

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

獲取元素$node 的 屬性: id、src区转、title苔巨, 修改以上屬性
//獲取
$('#dd').attr('id')
$('#dd').attr('src')
$('#dd').attr('title')
//修改
$('#dd').attr('id','vaule')
$('#dd').attr('src','vaule')
$('#dd').attr('title','vaule')

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

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

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

刪除$node
$node.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)邊距蜗帜、包括邊框恋拷、包括外邊距)
$node.width();  //不包括內(nèi)邊距
$node.height(); //不包括內(nèi)邊距
$node.innerWidth(); //包括內(nèi)邊距
$node.innerHeight(); //包括內(nèi)邊距
$node.outerWidth(); //包括邊框
$node.outerHeight(); //包括邊框
$node.outerWidth(true); //包括外邊距
$node.outerHeight(true); //包括外邊距

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

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

修改$node 的樣式厅缺,字體顏色設(shè)置紅色蔬顾,字體大小設(shè)置14px
$("node").css({
    'color':'red',
    'font-size':'14px'
})

遍歷節(jié)點,把每個節(jié)點里面的文本內(nèi)容重復(fù)一遍
$("node").each(function(){
    $(this).text($(this).text() + $(this).text())
})

從$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()
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市窥妇,隨后出現(xiàn)的幾起案子舷胜,更是在濱河造成了極大的恐慌,老刑警劉巖活翩,帶你破解...
    沈念sama閱讀 219,490評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件烹骨,死亡現(xiàn)場離奇詭異,居然都是意外死亡材泄,警方通過查閱死者的電腦和手機(jī)沮焕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來拉宗,“玉大人峦树,你說我怎么就攤上這事〉┦拢” “怎么了魁巩?”我有些...
    開封第一講書人閱讀 165,830評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長姐浮。 經(jīng)常有香客問我谷遂,道長,這世上最難降的妖魔是什么单料? 我笑而不...
    開封第一講書人閱讀 58,957評論 1 295
  • 正文 為了忘掉前任埋凯,我火速辦了婚禮点楼,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘白对。我一直安慰自己掠廓,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,974評論 6 393
  • 文/花漫 我一把揭開白布甩恼。 她就那樣靜靜地躺著蟀瞧,像睡著了一般。 火紅的嫁衣襯著肌膚如雪条摸。 梳的紋絲不亂的頭發(fā)上悦污,一...
    開封第一講書人閱讀 51,754評論 1 307
  • 那天,我揣著相機(jī)與錄音钉蒲,去河邊找鬼切端。 笑死,一個胖子當(dāng)著我的面吹牛顷啼,可吹牛的內(nèi)容都是我干的踏枣。 我是一名探鬼主播,決...
    沈念sama閱讀 40,464評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼钙蒙,長吁一口氣:“原來是場噩夢啊……” “哼茵瀑!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起躬厌,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤马昨,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后扛施,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鸿捧,經(jīng)...
    沈念sama閱讀 45,847評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,995評論 3 338
  • 正文 我和宋清朗相戀三年疙渣,在試婚紗的時候發(fā)現(xiàn)自己被綠了笛谦。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,137評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡昌阿,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出恳邀,到底是詐尸還是另有隱情懦冰,我是刑警寧澤,帶...
    沈念sama閱讀 35,819評論 5 346
  • 正文 年R本政府宣布谣沸,位于F島的核電站刷钢,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏乳附。R本人自食惡果不足惜内地,卻給世界環(huán)境...
    茶點故事閱讀 41,482評論 3 331
  • 文/蒙蒙 一伴澄、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧阱缓,春花似錦非凌、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至航背,卻和暖如春喉悴,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背玖媚。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評論 1 272
  • 我被黑心中介騙來泰國打工箕肃, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人今魔。 一個月前我還...
    沈念sama閱讀 48,409評論 3 373
  • 正文 我出身青樓勺像,卻偏偏與公主長得像,于是被迫代替她去往敵國和親涡贱。 傳聞我的和親對象是個殘疾皇子咏删,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,086評論 2 355

推薦閱讀更多精彩內(nèi)容