關于jquery的一些總結2

  • Jquery 中, $(document).ready()是什么意思?和window.onload 的區別? 還有其他什么寫法或者替代方法?
    答:
    1.$(document).ready()表示DOM加載完成之后就可以對DOM進行操作。
    2.window.onload表示在文檔加載完成之后就可以對DOM進行操作,包含圖片加載信息。

  • $node.html()和$node.text()的區別?
    答:
    1.$node.html():設置或返回所選元素內容(包括元素標記)
    2.$node.text():設置或返回所選元素的文本內容。

  • $.extend 的作用和用法?
    答:
    1.jQuery.extend( target [, object1 ] [, objectN ] )
    當我們提供兩個或多個對象給$.extend(),對象的所有屬性都添加到目標對象(target參數)。
    目標的第一個參數將被修改,并且通過$.extend()返回,如果想保留原對象則:
    $.extend({},obj1,obj2)
    如果后面提供的對象中有屬性相同,則后面屬性的值會覆蓋前面的屬性的值。
    2.jQuery.extend( [deep ], target, object1 [, objectN ] )
    如果deep的值為true,則會發生深拷貝.

  • JQuery 的鏈式調用是什么?
    答:
    當jQuery的方法的返回值仍為當前對象時可以繼續調用該對象的方法,這樣就形成一種鏈式調用。

  • JQuery ajax 中緩存怎樣控制?
    答:
    通過cache屬性來控制緩存,當設置為false的時候則不會緩存當前頁面

  • jquery 中 data 函數的作用
    答:
    在匹配元素上存儲任意相關數據或返回匹配的元素集合中的第一個元素的給定名稱的數據存儲的值$.data( key, value )
    .data()方法允許我們在DOM元素上綁定任意類型的數據,避免了循環引用的內存泄漏風險。

代碼題一

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 內部最開頭添加元素$node:$ct.prepend($node)

6.在$ct 內部最末尾添加元素$node:$ct.append($node)

7.刪除$node:$ct.remove($node)

8.把$ct里內容清空:$ct.empty()

9.在$ct 里設置 html:$ct.html(" <<p>p>你好<</p>/p>")

10.獲取、設置$node 的寬度、高度(分別不包括內邊距、包括內邊距、包括邊框、包括外邊距)
不包括內邊距:$node.width(value)、$node.height(value)
包括內邊距:$node.innerWidth(value)、$node.innerHeight(value)
包括邊框:$node.outerWidth(value)、
$node.outerHeight(value)
包括外邊距:$node.outerrWidth(true)、$node.outerHeight(true)

11.獲取窗口滾動條垂直滾動距離:$(document).scrollTop()

12.獲取$node 到根節點水平、垂直偏移距離:$node.offset()

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

14.遍歷節點,把每個節點里面的文本內容重復一遍:$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.獲取選擇元素的數量:$(ele).length

19.獲取當前元素在兄弟中的排行:$(this).index()

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容