jQuery動畫與ajax

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

當DOM加載完成后執(zhí)行該函數(shù)

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

  • $node.html():返回該節(jié)點下的html內(nèi)容(包括html標簽)荠瘪。
  • $node.text():返回該節(jié)點下的文本內(nèi)容(不包括html標簽)夹界。

3.$.extend 的作用和用法?

  • 用法:jQuery.extend([deep,] target [, object1 ] [, objectN ] );
  • 作用
    • 當我們提供兩個或多個對象給$.extend(),對象的所有屬性都添加到目標對象(target參數(shù))震叙。
    • 如果只有一個參數(shù)提供給$.extend()羹应,這意味著目標參數(shù)被省略揽碘。在這種情況下,jQuery對象本身被默認為目標對象园匹。這樣雳刺,我們可以在jQuery的命名空間下添加新的功能。這對于插件開發(fā)者希望向 jQuery 中添加新函數(shù)時是很有用的裸违。
    • 如果想保留原對象:var object = $.extend({}, object1, object2);

4.jQuery 的鏈式調(diào)用是什么煞烫?

在對象上一次性調(diào)動多個方法,利用方法返回this實現(xiàn)

$(this).addClass("active").siblings().removeClass("active")

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

  • 作用:data方法允許在DOM元素上綁定任意類型的數(shù)據(jù)累颂,避免了循環(huán)引用的內(nèi)存泄漏風險滞详。
  • 語法:$(“selector”).data(key, value)凛俱。

6.寫出以下功能對應的 jQuery 方法:

  • 給元素 $node 添加 class active,給元素 $noed 刪除 class active
$(node).addClass('active');
$(node).removeClass('active');
  • 展示元素$node, 隱藏元素$node
$node.show();
$node.hide();
  • 獲取元素$node 的 屬性: id料饥、src蒲犬、title, 修改以上屬性
$node.attr('id')
$node.attr('src')
$node.attr('title')

$node.attr({
  id: "abc",
  src: "aaa",
  title: "aaa"
})
  • 給$node 添加自定義屬性data-src
$node.data($node[0],"src", xxx);
  • 在$ct 內(nèi)部最開頭添加元素$node
$ct.prepend($node)
  • 在$ct 內(nèi)部最末尾添加元素$node
$ct.append($node)
  • 刪除$node
$node.remove();
  • 把$ct里內(nèi)容清空
$ct.empty();
  • 在$ct 里設置 html <div class="btn"></div>
$ct.html('<div class = "btn"></div>)
  • 獲取岸啡、設置$node 的寬度原叮、高度(分別不包括內(nèi)邊距、包括內(nèi)邊距巡蘸、包括邊框奋隶、包括外邊距)
不包括內(nèi)邊距
$node.width();
$node.height();
包括內(nèi)邊距
$node.innerWidth();
$node.innerHeght();
包括邊框
$node.outerWidth();
$node.outerHeight();
包括外邊距
$node.outerWidth(true);
$node.outerHeight(true);
  • 獲取窗口滾動條垂直滾動距離
$(window).scrollTop();
  • 獲取$node 到根節(jié)點水平、垂直偏移距離
$node.offset()
  • 修改$node 的樣式悦荒,字體顏色設置紅色唯欣,字體大小設置14px
$node.css({
  "color": "red",
  "font-size": "14px"
})
  • 遍歷節(jié)點,把每個節(jié)點里面的文本內(nèi)容重復一遍
$node.each(function(){
  console.log($(this).text())
})
  • 從$ct 里查找 class 為 .item的子元素
$ct.index('.item');
  • 獲取$ct 里面的所有孩子
$ct.children();
  • 對于$node搬味,向上找到 class 為'.ct'的父親境氢,在從該父親找到'.panel'的孩子
$node.parents('.ct').find('.panel');
  • 獲取選擇元素的數(shù)量
$node.length
  • 獲取當前元素在兄弟中的排行
$node.index();
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市碰纬,隨后出現(xiàn)的幾起案子萍聊,更是在濱河造成了極大的恐慌,老刑警劉巖悦析,帶你破解...
    沈念sama閱讀 212,222評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件寿桨,死亡現(xiàn)場離奇詭異,居然都是意外死亡强戴,警方通過查閱死者的電腦和手機牛隅,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,455評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來酌泰,“玉大人,你說我怎么就攤上這事匕累×晟玻” “怎么了?”我有些...
    開封第一講書人閱讀 157,720評論 0 348
  • 文/不壞的土叔 我叫張陵欢嘿,是天一觀的道長衰琐。 經(jīng)常有香客問我,道長炼蹦,這世上最難降的妖魔是什么羡宙? 我笑而不...
    開封第一講書人閱讀 56,568評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮掐隐,結(jié)果婚禮上狗热,老公的妹妹穿的比我還像新娘钞馁。我一直安慰自己,他們只是感情好匿刮,可當我...
    茶點故事閱讀 65,696評論 6 386
  • 文/花漫 我一把揭開白布僧凰。 她就那樣靜靜地躺著,像睡著了一般熟丸。 火紅的嫁衣襯著肌膚如雪训措。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,879評論 1 290
  • 那天光羞,我揣著相機與錄音绩鸣,去河邊找鬼。 笑死纱兑,一個胖子當著我的面吹牛呀闻,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播萍启,決...
    沈念sama閱讀 39,028評論 3 409
  • 文/蒼蘭香墨 我猛地睜開眼总珠,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了勘纯?” 一聲冷哼從身側(cè)響起局服,我...
    開封第一講書人閱讀 37,773評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎驳遵,沒想到半個月后淫奔,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,220評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡堤结,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,550評論 2 327
  • 正文 我和宋清朗相戀三年唆迁,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片竞穷。...
    茶點故事閱讀 38,697評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡唐责,死狀恐怖懦傍,靈堂內(nèi)的尸體忽然破棺而出辜王,到底是詐尸還是另有隱情你踩,我是刑警寧澤矫钓,帶...
    沈念sama閱讀 34,360評論 4 332
  • 正文 年R本政府宣布唱蒸,位于F島的核電站凯楔,受9級特大地震影響禀横,放射性物質(zhì)發(fā)生泄漏毫痕。R本人自食惡果不足惜允蚣,卻給世界環(huán)境...
    茶點故事閱讀 40,002評論 3 315
  • 文/蒙蒙 一于颖、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧嚷兔,春花似錦森渐、人聲如沸做入。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,782評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽母蛛。三九已至,卻和暖如春乳怎,著一層夾襖步出監(jiān)牢的瞬間彩郊,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,010評論 1 266
  • 我被黑心中介騙來泰國打工蚪缀, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留秫逝,地道東北人。 一個月前我還...
    沈念sama閱讀 46,433評論 2 360
  • 正文 我出身青樓询枚,卻偏偏與公主長得像违帆,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子金蜀,可洞房花燭夜當晚...
    茶點故事閱讀 43,587評論 2 350

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

  • 題目1: jQuery 中刷后, $(document).ready()是什么意思? ready( handler )...
    南山碼農(nóng)閱讀 326評論 0 2
  • 1: jQuery 中渊抄, $(document).ready()是什么意思尝胆? 所有包括在$(document).r...
    任少鵬閱讀 317評論 0 1
  • 1. jQuery 中, $(document).ready()是什么意思护桦? 當DOM準備就緒時含衔,指定一個函數(shù)來執(zhí)...
    billa_8f6b閱讀 217評論 0 1
  • 題目1: jQuery 中, $(document).ready()是什么意思二庵? $(document).read...
    Taaaaaaaurus閱讀 229評論 0 2
  • 一贪染、 jQuery 中, $(document).ready()是什么意思催享? 為了防止文檔在完全加載(就緒)之前運...
    婷樓沐熙閱讀 315評論 2 1