Jquery 中使套, $(document).ready()是什么意思麻养?和window.onload 的區(qū)別壹店? 還有其他什么寫法或者替代方法绑警?
答:
1.$(document).ready()表示DOM加載完成之后就可以對DOM進行操作求泰。
2.window.onload表示在文檔加載完成之后就可以對DOM進行操作,包含圖片加載信息计盒。$node.html()和$node.text()的區(qū)別?
答:
1.$node.html():設(shè)置或返回所選元素內(nèi)容(包括元素標記)
2.$node.text():設(shè)置或返回所選元素的文本內(nèi)容渴频。$.extend 的作用和用法?
答:
1.jQuery.extend( target [, object1 ] [, objectN ] )
當我們提供兩個或多個對象給$.extend(),對象的所有屬性都添加到目標對象(target參數(shù))北启。
目標的第一個參數(shù)將被修改卜朗,并且通過$.extend()返回,如果想保留原對象則:
$.extend({},obj1,obj2)
如果后面提供的對象中有屬性相同咕村,則后面屬性的值會覆蓋前面的屬性的值场钉。
2.jQuery.extend( [deep ], target, object1 [, objectN ] )
如果deep的值為true,則會發(fā)生深拷貝.JQuery 的鏈式調(diào)用是什么?
答:
當jQuery的方法的返回值仍為當前對象時可以繼續(xù)調(diào)用該對象的方法懈涛,這樣就形成一種鏈式調(diào)用逛万。JQuery ajax 中緩存怎樣控制?
答:
通過cache屬性來控制緩存,當設(shè)置為false的時候則不會緩存當前頁面jquery 中 data 函數(shù)的作用
答:
在匹配元素上存儲任意相關(guān)數(shù)據(jù)或返回匹配的元素集合中的第一個元素的給定名稱的數(shù)據(jù)存儲的值$.data( key, value )
.data()方法允許我們在DOM元素上綁定任意類型的數(shù)據(jù),避免了循環(huán)引用的內(nèi)存泄漏風險批钠。
代碼題一
1.給元素 $node 添加 class active宇植,給元素 $noed 刪除 class active。
添加class:$node.addClass('active')
刪除class:$noed.removeClass('active')
2.展示元素$node, 隱藏元素$node埋心。
展示元素:$node.show()
隱藏元素:$noed.hide()
3.獲取元素$node 的 屬性: id指郁、src、title拷呆, 修改以上屬性獲取元素屬性:$node.attr(id)闲坎、$node.attr(src)、$node.attr(title)
修改元素屬性:$node.attr(id洋腮,'tip')箫柳、$node.attr(src,'https://baidu.com')、$node.attr(title,"task25")
4.給$node 添加自定義屬性data-src:$node.data('dataSrc',"htttp://baidu.com")
5.在$ct 內(nèi)部最開頭添加元素$node:$ct.prepend($node)
6.在$ct 內(nèi)部最末尾添加元素$node:$ct.append($node)
7.刪除$node:$ct.remove($node)
8.把$ct里內(nèi)容清空:$ct.empty()
9.在$ct 里設(shè)置 html:$ct.html(" <<p>p>你好<</p>/p>")
10.獲取啥供、設(shè)置$node 的寬度悯恍、高度(分別不包括內(nèi)邊距、包括內(nèi)邊距伙狐、包括邊框涮毫、包括外邊距)
不包括內(nèi)邊距:$node.width(value)、$node.height(value)
包括內(nèi)邊距:$node.innerWidth(value)贷屎、$node.innerHeight(value)
包括邊框:$node.outerWidth(value)罢防、
$node.outerHeight(value)
包括外邊距:$node.outerrWidth(true)、$node.outerHeight(true)
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)容重復一遍:$node.each(function(){$(this).text().clone().appendto($(this))})
15.從$ct 里查找 class 為 .item的子元素:$ct.children($('.item'))
16.獲取$ct 里面的所有孩子:$ct.find()
17.對于$node恬叹,向上找到 class 為’.ct’的父親候生,在從該父親找到’.panel’的孩子:$node.parent('.ct').find('.panel')
18.獲取選擇元素的數(shù)量:$(ele).length
19.獲取當前元素在兄弟中的排行:$(this).index()