zepto 基础知识(2)

20.append   append(content) 类型:self   在每个匹配的元素末尾插入内容(内部插入)。内容可以为html 字符串。dom节点,或者节点组成的数组。     $('ul').append('<li>new list item</li>')

21.appendTo   appendTo(target) 类型:self   将匹配的元素插入到目标元素的末尾(内部插入)     $('<li>new list item</li>').appendTo('ul')

22.attr   attr(neme) 类型:string   attr(name,value) 类型: self   attr(name,function(index,oldValue){...}) 类型 : self   attr({name:value,name2:value2,....}) 类型:self   读取或设置dom的属性,如果没有给定value参数,则读取对象集合中第一个元素的属性值,当给定了v     lue 参数。则设置对象集合中所有元素的属性值,当vale 参数为null 。

		    var form = $('form')
		    form.attr('action')             
			      //=> 读取值
		    form.attr('action', '/create')  
			      //=> 设置值
		    form.attr('action', null)       
			      //=> 移除属性
						   // 多个属性:
		    form.attr({
  			      action: '/create',
  			      method: 'post'
		    })

23.before   before(content) 类型:self   在匹配每个元素的前面插入内容(外部插入)内容可以为html字符串,dom节点,或者节点组成的数组。     $('table').before('<p>1234</p>')

24.children   children([selector]) 类型:collection   获得每个匹配元素集合元素的直接子元素,如果给定selector 那么返回的结果中只包含css选择器元素。     $('ol').children('*:nth-child(2n)')

25.clone   clone() 类型:collection   通过深度克隆来复制集合中的所有元素。

26.closest   closest(selector,[context]) 类型: collection   closest(collection)   closest(element)   从元素本身开始,逐级向上级元素匹配,并返回最先匹配selector的元素,如果给定context   节点参数,那么只匹配该节点的后代元素,这个方法域parebts(selector)有点像素,但它只返回最先匹配的祖先元素。   如果参数是一个Zepto对象集合或者一个元素,结果必须匹配给定的元素而不是选择器。   var input = $('input[type=text]')   input.closest('form')

27.concat   concat(nodes,[node2....]) 类型:self   添加元素到一个Zepto 对象集合形成一个新数组,如果参数是一个数组,那么这个数组中的元素   将会合并到Zepto对象集合中。   这是一个Zepto 提供的方法。

28.contents   contents() 类型collection   获得每个匹配元素集合元素的子元素,包括文字和注释节点。

29.css   css(property) 类型:value   css([property1,property2,...]) 类型:object   css(property,value) 类型: self   css([property:value,property2:value2,....]) 类型: self   读取或设置DOM元素的css属性。当value 参数不再的的时候,返回对象集合中第一个元素的css   属性,当value 参数存在时,设置对象集合中每一个元素的对应css 属性。   当value 为空,那个css 属性将会被移除,当value参数为一个无单位的数字,如果该css属性需要单位   "px" 将会自动添加到该属性上。

		    var elem = $('h1')
		    elem.css('background-color')      
			          // read property
		    elem.css('background-color', '#369') 
			       // set property
		    elem.css('background-color', '')     
			       // remove property
		    elem.css({ backgroundColor: '#8EE', fontSize: 28 })
			      // set multiple properties:
		    elem.css(['backgroundColor', 'fontSize'])['fontSize']
			      // read multiple properties:

30.data   data(name) 类型:value   data(name,value) 类型:self   读取或写入dom的 data-* 属性。行为有点像attr, 但是属性名称前面加上data-   当读取属性值时,会有下列转换   “true”, “false”, and “null” 被转换为相应的类型;   数字值转换为实际的数字类型;   JSON值将会被解析,如果它是有效的JSON;   其它的一切作为字符串返回。   Zepto 基本实现`data()`只能存储字符串。如果你要存储任意对象,请引入可选的“data”模块到你构建的Zepto中。

31.each   each(function(index,item){...}) 类型:self   遍历一个对象集合每一个元素,在迭代函数中,this关键字指向当前(作为函数的第二个参数传递)   如果迭代函数返回false ,遍历结束。

		  $('form input').each(function(index){ 
			    console.log('input %d is %o',index, this)
		  })

32.empty   empty() 类型:self   清空对象集合中没个元素的DOM 内容。

33.eq   eq(index) 类型:collection   从当前对象集合中获取给定索引(以0为基数)的元素。     $('li').eq(0)     $('li').eq(-1)

34.filter   filter(selector) 类型: collection   filter(function(index){...}) 类型:collection   过滤对象集合,返回对象结婚中满足css选择器的项,如果参数作为一个函数,函数返回有实际值的时候,元素才会被返回,在函数中,this 关键字指向当前的元素。

35.find   find(selector) 类型:collection   find(collection) 类型:collection   find(element) 类型:collection   在当前对象集合内查找符合css选择器的每个元素的后代元素。   如果给定Zepto对象集合或者元素,过滤他们,只有当他们在当前Zepto 集合对象中时,才会被返回。     var form = $('#myform')     form.find('input,select')

36.first   first() 类型:collection   获取当前对象集合中的第一个元素。     $('form').first()

37.forEach   forEach(function(item,index,array){...},[context])   遍历对象集合中每个元素,有点类型each,但是遍历函数的参数不一样,当函数返回false的时候,遍历不会停止。   这是一个Zepto提供的方法,不是jquery的API。

38.get   get() 类型:array   get(index) 类型 DOM node   从当前对象集合中获取所有元素或单个元素。当index参数不存在时,一普通数组的方式返回所有的元素,当指定index时,只返回改置的元素,这点与eq不同,该方法返

  回 的是DOM节点,不是Zepto对象。

  	  var elements = $('h2')
		  elements.get()  
			     //=> get all headings as an array
		  elements.get(0)  
			    //=> get first heading node

39.has   has(selector) 类型:collection   has(node) 类型 :collection   判断当前对象集合的子元素是否有符合选择器的元素,或者是否包含指定的DOM节点,如果有   则返回新的对象集合,该对象过滤掉不含有选择器匹配元素或者不含有指定DOM节点的对象。     $('ol > li').has('a[href]')

40.hasClass   hasClass(name) 类型:boolean   检查对象集合中是否有元素含有指定的class.

        	  <ul>
	        <li>list item 1</li>
	        <li class="yaotaiyang">list item 2</li>
	        <li>list item 3</li>
	  </ul>
	  <p>a paragraph</p>
	  $("li").hasClass("yaotaiyang")           //true

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Golang语言社区

[Go语言]从Docker源码学习Go——指针和Structs - lemon_bar

http://www.cnblogs.com/lemonbar/p/3932981.html 主题 Go语言 Docker function和method关...

39640
来自专栏python3

python3--基础数据类型

切片就是通过索引(索引:索引:步长)截取字符串的一段,形成新的字符串(原则就是顾头不顾尾)

10020
来自专栏技术碎碎念

python3 入门 (一) 基础语法

1.编码问题 默认情况下,Python 3源码文件以 UTF-8 编码,所有字符串都是 unicode 字符串。 也可以为源码文件指定不同的编码,在文件头部加上...

31970
来自专栏腾讯Bugly的专栏

Swift 对象内存模型探究(一)

HandyJSON 是 Swift 处理 JSON 数据的开源库之一,类似 JOSNModel,它可以直接将 JSON 数据转化为类实例在代码中使用。 由于 S...

60070
来自专栏代码世界

Python基础数据类型之字典

 基础数据类型之字典 ps:数据类型划分:可变数据类型和不可变数据类型。 不可变数据类型:元组(tupe)、布尔值(bool)、整数型(int)、字符串(str...

36490
来自专栏ppjun专栏

C++程序控制结构

case 后面没break 就会一直执行下去的,所以break是为了跳出switch。比如:

14700
来自专栏思考的代码世界

Python基础学习03天

14830
来自专栏靠谱PM

JavaScript基本语法(二)

1.if语句 2.if-else语句 3.三元表达式 4.if-else if-else if语句 5.switch-case 6.总结

8120
来自专栏编程

浅谈Go语言中闭包的使用

闭包(Closure),又称词法闭包(Lexical Closure)或函数闭包(function closures),是引用了自由变量的函数。这个被引用的自由...

55380
来自专栏coder修行路

go 从入门到精通(二)基本数据类型和操作符

一、文件名&关键字&标识符 所有go源码都是以.go结尾 标识符以字母或下划线开头,大小写敏感 下划线_是特殊标识符,用户忽略结果 保留关键字 导入包时可以设置...

20790

扫码关注云+社区

领取腾讯云代金券