zepto 基础知识(3)

最新推荐文章于 2024-05-06 18:26:11 发布

weixin_34327761

最新推荐文章于 2024-05-06 18:26:11 发布

阅读量99

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/nmxs/p/5070291.html

版权

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')

转载于:https://www.cnblogs.com/nmxs/p/5070291.html

weixin_34327761

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
zepto 基础知识(3)

41.height 　　height() 类型：number 　　height(value) 类型：self 　　height(function(index,oldHeight){...}) 类型：self 　　获取对象集合中第一个元素的高度，或者设置对象集合中所有元素的高度。　　　　$('#foo').height() //123 　　　　$(wi...
复制链接

扫一扫