• 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')
  • 相关阅读:
    API接口智能化测试探索与实践
    程序员的社会地位
    程序员五六年能存100万,你说你焦虑个啥!!!
    苹果公司宣布:公司内部的员工有权讨论自己的工作条件和薪酬
    男子股票账户突然多了一个亿!结果……
    你选择双休还是单休?
    PAL制式和NTSC制式的定义及区别(转)
    javascript入门系列演示·三种弹出对话框的用法实例(转)
    sink相关
    Ubuntu下安装gsteditor
  • 原文地址:https://www.cnblogs.com/nmxs/p/5070291.html
Copyright © 2020-2023  润新知