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')
zepto 基础知识(3)的更多相关文章
- zepto 基础知识(6)
101.$.ajax $.ajax(options) 类型:XMLttpRequest 执行Ajax请求.他可能是本地资源,或者通过支持HTTP access control的浏览器 或者通过 JSO ...
- zepto 基础知识(5)
81.width width() 类型:number width(value) 类型:self width(function(index,oldWidth){....}) 类型:self 获取对象集合 ...
- zepto 基础知识(4)
61.prev prev() 类型:collection prev(selector) 类型:collection 获取对相集合中每一个元素的钱一个兄弟节点,通过选择器来进行过滤 62.prev pr ...
- zepto 基础知识(2)
20.append append(content) 类型:self 在每个匹配的元素末尾插入内容(内部插入).内容可以为html 字符串.dom节点,或者节点组成的数组. $('ul').append ...
- zepto 基础知识(1)
1.$() 的用法. 获取元素 $('div') //获取所有页面中的div元素 $('#foo') // 获取ID 为"foo"的元素 创建元素 $("<p> ...
- .NET面试题系列[1] - .NET框架基础知识(1)
很明显,CLS是CTS的一个子集,而且是最小的子集. - 张子阳 .NET框架基础知识(1) 参考资料: http://www.tracefact.net/CLR-and-Framework/DotN ...
- RabbitMQ基础知识
RabbitMQ基础知识 一.背景 RabbitMQ是一个由erlang开发的AMQP(Advanced Message Queue )的开源实现.AMQP 的出现其实也是应了广大人民群众的需求,虽然 ...
- Java基础知识(壹)
写在前面的话 这篇博客,是很早之前自己的学习Java基础知识的,所记录的内容,仅仅是当时学习的一个总结随笔.现在分享出来,希望能帮助大家,如有不足的,希望大家支出. 后续会继续分享基础知识手记.希望能 ...
- selenium自动化基础知识
什么是自动化测试? 自动化测试分为:功能自动化和性能自动化 功能自动化即使用计算机通过编码的方式来替代手工测试,完成一些重复性比较高的测试,解放测试人员的测试压力.同时,如果系统有不份模块更改后,只要 ...
随机推荐
- 系统更新后vs2012无法打开方案资源管理器
系统更新后vs2012无法打开方案资源管理器 vs调试报错: 未找到与约束 ContractName Microsoft.VisualStudio.Language.Intellisense.IGly ...
- foreach的基本语法
有一个布尔型循环是专门用来循环数组的.这个循环的基本语法就是foreach基本语法 foreach( 要循环的数组变量 as [键变量 =>] 值变量){ //循环的内容 } 这是一个固定用法, ...
- Vue表格中,对数据进行转换、处理
众所周知,后端从Mysql取出的数据,一般是很难单独处理某一个Key的数据的(需要处理的话,可能会浪费大量的性能.而且对页面加载时间有很大的影响),所以,从数据库取出的数据.只能由前端进行处理.但是在 ...
- js中实现多态
最近读到一本书<JavaScript设计模式与开发实践>上,讲到js的多态,我在JavaScript高级程序编程里貌似都没有见过关于这个的详细讲解,所以想问问大家有没有什么推荐的文章或者博 ...
- spring boot 项目在启动时执行指定sql文件
参考博客: https://www.jianshu.com/p/88125f1cf91c 1. 启动时执行 当有在项目启动时先执行指定的sql语句的需求时,可以在resources文件夹下添加需要执行 ...
- Python学习系列----第六章 数据结构
本章主要讲的是python中重要的四种数据结构,分别是列表.元组.字典和集合. 6.1 列表 list 是处理一组有序项目的数据结构,即你可以在一个列表中存储一个序列的项目.列表中的项目应该包括在方括 ...
- mac 上配置 maven
1. 将maven压缩包解压至/Users/suqiuhui/Applications目录下的新建文件夹dev下 2. 打开终端(系统根目录,~/下) 3. 如果没有 .bash_profile 文件 ...
- jscode属性排序
根据data中的value 对geCoorMap 进行排序,暂定降序排序. var data = [{name:"name1",value:29},{name:"name ...
- spring----对IoC和DI的理解
学习过Spring框架的人一定都会听过Spring的IoC(控制反转) .DI(依赖注入)这两个概念,对于初学Spring的人来说,总觉得IoC .DI这两个概念是模糊不清的,是很难理解的,今天和 ...
- SSM整合的简单实现
整合需要的jar包和源码将在文末给出 本文参考黑马程序员视频,由于视频用的环境和我使用的环境不同,建议使用我的环境及jar包(比较新) 一 整合思路 第一步 整合dao层 mybatis和spring ...