zepto 基础知识(3) - 码农教程

41.height 　　height() 类型：number 　　height(value) 类型：self 　　height(function(index,oldHeight){...}) 类型：self 　　获取对象集合中第一个元素的高度，或者设置对象集合中所有元素的高度。

	　　　　$('#foo').height()            //123
	　　　　$(window).height()         //838（viewport height）
	　　　　$(document).height()     //22302

42.hide 　　hide() 类型：self 　　通过设置css 的属性 display 为none 来将对象集合中的元素隐藏。

43.html 　　html() 类型：string 　　html(content) 类型：self 　　html(function(index,oldHtml){...}) 类型：self 　　获取或设置对象集合中元素的HTML 内容，当没有给定content参数时，返回对象集合中第一个yuans 　　innerHtml。当给定content参数时，用气替代对象集合中每一个元素的内容。

		　　$('.comment p').html(function(idx, oldHtml){
		  　　　　return oldHtml.replace(/(^|W)@(w{1,15})/g,
		    　　　　'$1@<a href="http://twitter.com/$2">$2</a>')
		　　})

44.index 　　index([element]) 类型：number 　　获取一个元素的索引值，当element参数没有给出时，返回当前元素在兄弟节点中的位置，当element 　　参数给出时，返回它在当前对象集合中的位置，如果没有找到该元素，则返回-1。　　　　$('li:nth-child(2)').index() //1

45.indexOf 　　indexOf(element,[fromIndex]) 类型：number 　　当前对象集合中获取一个元素的索引值(从0开始)。如果给定formindex 参数，从该位置开始往后查找，返回基于0 的索引，如果没有找到，则返回-1. 　　这是一个Zepto的方法，不是jquer的api。

46.insertAfter 　　insertAfter(target) 类型：self 　　将集合中的元素插入到指定的目标元素后面（外部插入）,这个有点像after ，当使用方式相反。　　　　$('<p>Emphasis mine</p>').insertAter('blocjquote')

47.insertBefore 　　insertBefore(target) 类型　　将集合中的元素插入到指定的目标元素前面（外部插入）。　　　　$('<p> see the following talble </p>').nsertBefore(table)

48.is 　　is(selector) 类型：boolean 　　判断当前元素集合中的第一个元素是否符合css选择器。对于基础支撑jquery的非标准选择器类似：visible 包含在可选的"selector"模块中

49.last 　　last() 类型：collection 　　获取对象集合中最后一个元素。　　　　$('li').last()

50.map 　　map(function(index,item){...}) 类型： collection 　　遍历对象集合中的所有元素。通过遍历函数返回值形成一个新的集合对象，在遍历函数中this 　　关键之指向当前循环的项，遍历中返回null和undefined ,遍历将结束。　　　　elements,map(function(){return $(this).text()}).get().join(',')

51.next 　　next() 类型：collection 　　next(selector) 类型：collection 　　获取对象集合中每一个元素的下一个兄弟节点（可以选择性的带上过滤选择器）　　$('dl dt').next()

52.not 　　not(selector) 类型：collection 　　not(collection) 类型：collection 　　not(function(index){....}) collection 　　过滤当前对象集合，获取一个新的的对象集合，它里面的元素不能匹配css选择器，如果另一个参数为Zepto对象集合，那么返回的新Zepto对象中元素都不包括在该参

　　数对象中，如果参数是一个函数，仅仅包含数执行为false值的时候的元素，函数的this 关键字指向当前循环元素。

53.offset 　　offset() 类型：object 　　offset(coordinates) 类型：selft 　　offset(function(index,oldOffset){...}) 类型：self 　　获得当前元素相对应document的位置。返回一个对象包含有 top left width height 　　当给定一个含有left和top 对象时，使用这些值来对集合中每一个元素进行相对于document的定位。

54.offsetParent 　　offsetParent() 类型：collection 　　找到第一个定位过的祖先元素，意味着它的css 中de pasition 属性值为relative absolute fixed

55.parent 　　parent([selector]) 类型：collection 　　获取对象集合中每一个元素的直接父元素，如果css 选择器参数给出过滤出符合条件的元素。

56.parents 　　parents([selector]) 类型：collection 　　获取对象集合中每个元素所有的祖先元素，如果css选择器参数给出，过滤出符合条件的元素。　　如果想获取直接父元素,使用parent, 　　$('h1').parents() // [<div#container>, <body>, <html>]

57.pluck 　　pluck(property) 类型：array 　　获取对象集合中每一个元素的属性值。返回值为null 或undefined 值得过滤掉。

	　　$('body > *').pluck("nodeName") 
		　　　　// => ["DIV", "SCRIPT"]
	　　$.fn.next = function(){
  		　　　　return $(this.pluck('nextElementSibling'))
	　　}
		　　这是一个Zepto的方法，不是jquery的api

58.position 　　position() 类型：object 　　获取对象集合中第一个元素的位置，相对于offsetParent.当绝对定位的一个元素靠近另一个元素的时候，这个方法是有用的。

	　　var pos = element.position()
		　　// position a tooltip relative to the element
	　　$('#tooltip').css({
	  　　　　position: 'absolute',
	  　　　　top: pos.top - 30,
	  　　　　left: pos.left
	　　})

59.prepend 　　prepend(content) 类型：self 　　将参数内容插入到每个元素的前面（元素内容插入）。插入d的元素可以试html 字符串片段，一个dom 节点，或者一个节点的数组。　　　　$('ul').prepend('<li>first list item</li>')

60.prependTo 　　prependTo(target) 类型：self 　　将所有元素插入到目标前面（元素内部插入）这有点像prenpend 但是是相反的样式。　　$('<li>first list item</li>').prependTo('ul')