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参数，那么将设置全部元素的值。