zepto 基礎知識(4)

時間 2019-11-08

標籤 zepto 基礎知識简体版

原文原文鏈接

61.prev
　　prev() 類型：collection
　　prev(selector) 類型：collection
　　獲取對相集合中每個元素的錢一個兄弟節點，經過選擇器來進行過濾javascript

62.prev
　　prev() 類型：collection
　　prev(selector) 類型：collection
　　獲取對象集合中每個元素的前一個兄弟節點，經過選擇器用來進行過濾。css

63.prop
　　prop(name) 類型：value
　　prop(name, value) 類型:value
　　prop(name, function(index,oldValue){...}) 類型：self
　　讀取或設置dom元素的屬性值。它在讀取屬性值的狀況下因爲attr,由於這些屬性值會由於用戶的
　　交互發生改變。checked 和selectedhtml

64.push
　　push(element,[element2,.....]) 類型： self
　　添加元素到當前對象集合中的最後。
　　這是一個zepto的方法，不是jquery的apijava

65.ready
　　reday(function($){...}) 類型：self
　　添加一個事件監聽器，當頁面DOM加載完畢，「DOMContentLoaded」事件觸發時觸發，
　　建議使用 $()來代替這種用法jquery

66.reduce
　　reduce(function(memo,item,index,array){...},[initial]) 類型: value
　　與 Array.reduce有相同的用法，遍歷當前對象集合，memo是函數上次的返回值。迭代當前遍歷。
　　這是一個zepto的方法，不是jquery的apiapi

67.removeAttr
　　removeAttr(name) 類型：slef
　　移除當前對象集中全部元素的屬性。數組

68.removeClass
　　removeClass([name]) 類型：self
　　removeClass(function(index,oldClassName){....}) 類型：self
　　移除當前對象集合中全部遠的指定class，若是沒有指定name參數，將移除全部的class，多個class參數名稱能夠利用空格分割。
　　<input class="taiyang yueliang" id="check1" type="checkbox" checked="checked">
　　<input class="yaotaiyang" id="check2" type="checkbox">app

　　<script type="text/javascript">
　　　　$("#check1").removeClass("taiyang yueliang")
　　　　//=>[<input class id="check1" type="checkbox" checked="checked">]
　　</script>dom

69.replaceWith
　　replaceWith(content) 類型：self
　　用給定的內容替換全部匹配的元素，（包括元素自己）ide

70.serollLeft
　　scrollLeft() 類型：number
　　scrollLeft() 類型：self
　　獲取或者設置頁面上的滾動元素或者整個窗口向右滾動的像素值。

71.scrollTop
　　scrollTop() 類型：number
　　scrollTop(value) 類型：self
　　獲取或設置頁面上的滾動元素或者整個長款向下滾動的像素值。

72.show
　　show() 類型：self
　　回覆對象集合中每個元素默認的display值，若是你用hide將元素隱藏，用該屬性能夠將其顯示。

73.siblings
　　siblings([selector]) 類型：collection
　　獲取對象集合中全部元素的兄弟節點，若是給定css選擇器參數，過濾出符合選擇器的元素。

74.size
　　size() 類型：number
　　獲取對象集合中元素的數量

75.slice
　　slice(start,[end]) 類型：array
　　提取這個數組array的子集，從start開始，若是給定end，提取從從start 開始到end結束的元素
　　可是不包含end位置的元素。

76.text
　　text() 類型：string
　　text(content) 類型：self
　　text(function(index,oldText){...}) 類型;self
　　　　獲取或者設置全部對象集合中元素的文本內容，當沒有給定content參數時，返回當前對象集合中第一個元素的文本內容（包含子節點中的文本內容）當給定content

　　　　參數時，使用它替代對象集合中素有元素的文本內容，

77.toggle
　　toggle([setting]) 類型 self
　　顯示或者隱藏匹配元素，若是setting爲true 至關於show用法,若是setting爲false 至關於hide方法
　　var input = $('input[type=text]')
　　$('#too_long').toggle(input.val().length > 140)

78.toggleClass
　　toggleClass(names,[setting]) 類型： self
　　toggleClass(function(index,oldClassName){.....},[setting]) 類型：self
　　　　在匹配的元素集合中的每個元素上添加或者刪除一個多多個樣式，若是class 的名稱存在則刪除它，
　　若是不存在就添加。

79.unwrap
　　unwrap() 　　類型：self
　　移除集合中每一個元素的直接父節點，並把他們的子元素保留在原來的位置，基本上，這種方法刪除
　　上一的祖先元素，同時保持DOM 中的當前元素。
　　$(document.body).append('<div id=wrapper><p>Content</p></div>')
　　$('#wrapper p').unwrap().parents()
　　　　//=> [<body>, <html>]

80.val 　　val() 類型：string 　　val(value) 類型:self 　　val(function(index,oldValue){....}) 類型：self 　　獲取或設置匹配元素的值，當沒有給定value 參數，返回第一個元素的值。若是是<select multiple > 　　標籤，則返回一個數組，當給定value參數，那麼將設置全部元素的值。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。