zepto 基础知识(4)

时间:2022-04-23
本文章向大家介绍zepto 基础知识(4),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

61.prev   prev() 类型:collection   prev(selector) 类型:collection   获取对相集合中每一个元素的钱一个兄弟节点,通过选择器来进行过滤

62.prev   prev() 类型:collection   prev(selector) 类型:collection   获取对象集合中每一个元素的前一个兄弟节点,通过选择器用来进行过滤。

63.prop   prop(name) 类型:value   prop(name, value) 类型:value   prop(name, function(index,oldValue){...}) 类型:self   读取或设置dom元素的属性值。它在读取属性值的情况下由于attr,因为 这些属性值 会因为用户的   交互发生改变。checked 和selected

64.push   push(element,[element2,.....]) 类型: self   添加元素到当前对象集合中的最后。   这是一个zepto的方法,不是jquery的api

65.ready   reday(function($){...}) 类型:self   添加一个事件监听器,当页面DOM加载完毕,“DOMContentLoaded”事件触发时触发,   建议使用 $()来代替这种用法

66.reduce   reduce(function(memo,item,index,array){...},[initial]) 类型: value   与 Array.reduce有相同的用法,遍历当前对象集合,memo是函数上次的返回值。迭代当前遍历。   这是一个zepto的方法,不是jquery的api

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">
	  <script type="text/javascript">
	        $("#check1").removeClass("taiyang yueliang")
	    	    //=>[<input class id="check1" type="checkbox" checked="checked">]
	  </script>

69.replaceWith   replaceWith(content) 类型:self   用给定的内容替换所有匹配的元素,(包括元素本身)

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参数,那么将设置所有元素的值。