专栏首页柠檬先生zepto 基础知识(1)

zepto 基础知识(1)

1.$() 的用法。   获取元素     $('div') //获取所有页面中的div元素     $('#foo') // 获取ID 为"foo"的元素   创建元素     $("<p>Hellow</p>"") //新的p元素     $("<p/>",{text:"Hellow",id:"greeting",css:{color:'darkblue'}}) //<p id="greeting" style="color:darkblue">Hellow</p>   当页面ready的时候,执行回调:

		    Zepto(function($){ 
			      alert("123")
		    })

2.camelCase

   将一组字符串变成“驼峰”命名法的新字符串,如果该字符串已经是驼峰命名,那么不变。

	    $.camelCase('hello-there')    //“helloThere”
	    $.camelCass('helloThere')      //   "helloThere"

3.$.contains()

   检查父节点是否包含给定的dome 节点,如果两者是相同的节点,则返回 false.   用法:$.contains(parent,node) 返回 boolean

4.each   $.each(collection,function(indx,item){...})   遍历数组元素或者以key-value 值对方式遍历对象。回调换上返回false 时停止遍历。

	    $.each(['a','b','c'],function(index,item){ 
		      console.log('item %d is: %s',index,item)
	    })   
		      //item 0 is: a
		      //ct1.html:18 item 1 is: b
		      //ct1.html:18 item 2 is: c
			  var hah = {name:'zepto.js',size:'micro'}
	    $.each(hash,function(key,vaue){ 
		      console.log('%s: %s',key,value)
	    })
		    //name: zepto.js
		    //size: micro

5.$.extend   $.extend(target,[source,[source2,...]])   $.extend(true,target,[source,.....])   通过源对象扩展目标对象的属性,源对象属性将覆盖目标对象属性   默认情况下为,复制为浅拷贝,如果第一个参数为true表示深度拷贝(深度复制)

	     var target = {one:'patridge'},
            	     source = {two:'turtle doves'}
                   console.log($.extend(target,source))
               	    //{one: "patridge", two: "turtle doves"}

6.fn   Zepto.fn 是一个对象,它拥有Zepto对象上所有的方法,在这个对象上添加一个方法。   所有的Zepto 对象上都能用到这个方法。

	    $.fn.empty = function(){
    		      return this.each(function(){ this.innerHTML=''})
	    }

7.grep   $.grep(items,function(item){...}) 类型array     获取一个新数组,新数组只包含回调函数中返回true 的数组项

	    $.grep([1,2,3],function(item){
    			      return item > 1
	    );
		      //=>[2,3]

8.inArray   $.inArray(element,array,[fromIndex]) 类型:number   返回数组中指定元素的索引值,如果没有找到该元素则返回 -1.   [fromIndex] 参数可选,表示从哪个索引值开始向后搜索。

		    $.inArray("abc",["bcd","abc","edf","aaa"]);
			      //=>1
		    $.inArray("abc",["bcd","abc","edf","aaa"],1);
			      //=>1
		    $.inArray("abc",["bcd","abc","edf","aaa"],2);
			      //=>-1

9.isArray   $.isArray(object) 类型:boolean   如果object 是array ,则返回true.

		  var ob = [1,2,3,4];
    		    console.log($.isArray(ob))
    			      //true

10.isFunction   $.isFunction(object) 类型 boolean   如果object 是function,则返回true.

	    var fun = function(){ return 123;}
    		    console.log($.isFunction(fun))
    			      //true

11.$.isPlainObject     $.isPlainObject(object) 类型:boolean     测试对象是否是纯粹的对象,这个对象是通过对象常量("{}")或者new Object 创建的,如果是,则返回true.

  		     $.isPlainObject({})      
  			           // => true
		      $.isPlainObject(new Object) 
			        // => true
		      $.isPlainObject(new Date)   
			        // => false
		      $.isPlainObject(window)     
			        // => false

12.isWindow   $.isWindow(object) 类型;boolean   如果object 参数是否为yige window 对象,那么返回true.这在处理iframe 时非常有用,因为每个iframe都有他自己的window对象,

  使用常规方法 obj=== window 验证这些objects时候会失败。

13.$.map   $.map(collection,function(item,index){...}) 类型 collection   通过遍历集合中的元素,返回通过迭代函数的全部结果,null和undefined 将被过滤掉。

		  $.map([1,2,3,4,5],function(item,index){
	       		     if(item>1){return item*item;}
		  }); 
			    // =>[4, 9, 16, 25]
		  $.map({"yao":1,"tai":2,"yang":3},function(item,index){
    			    if(item>1){return item*item;}
		  }); 
		    // =>[4, 9]

14.$.parseJSON     $.parseJSON(string) 类型:object     原生 JSON.parse 方法的别名。接受一个标准格式的JSON 字符串,并返回解析后的JavaScript 对象。

15.trim     $.trim(string) 类型: string     删除字符串收尾的空白符,类型String.prototype.trim()

16.type   $.type(object) 类型:string   获取JavaScript 对象的类型,可能的类型有:null undefined boolean number string function array date regexp object error.   对于其它对象,他只是简单报告为”object“,如果你想知道一个对象是否是一个javascript普通对象,使用isPlainObject.

17.add   add(selector,[context]) 类型: self   添加元素到当前匹配的元素集合中,如果给定content 参数,将只在content 元素中进行查找,否则在整个document 中查找。   $('li').add('p').css('background-color', 'red');

18.addClass   addClass(name) 类型:self   addClass(function(index, oldClassName){....})   为每个匹配的元素添加指定的class类名。多个class类名使用空格分隔。

19.after   after(content) 类型 :self   在每个匹配的元素后面插入内容(外部插入)内容可以为html字符串,dom节点,或者节点组成的数组。   $.('form label').after('<p>A note below the label</p>')

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • zepto 基础知识(6)

    101.$.ajax   $.ajax(options) 类型:XMLttpRequest   执行Ajax请求。他可能是本地资源,或者通过支持...

    用户1197315
  • hibernate-笔记

    什么是 hibernate 框架     1.hibernate 框架应用在 javaee 三次结构中 dao 层框架     2.在dao 层里面对数据库做c...

    用户1197315
  • JavaScript 基础(六) 数组方法 闭包

    在一个对象中绑定函数,称为这个对象的方法。 在JavaScript 中,对象的定义是这样的;     var guagua = {         na...

    用户1197315
  • 数据安全实践之数据资产管理

    在企业安全建设中,资产管理是很多安全工作的基础。而数据资产管理可以帮助我们更准确的发现安全风险,执行更有效的控制措施,在数据安全体系化建设中也有着举足轻重的作用...

    FB客服
  • 通过网页获取访客的QQ号码

    现在有些互联网公司在开发一种软件,插入一段js代码到网站的任意页面(如首页),如果访客访问了网页,并且访客的电脑上打开并登录了QQ,那么就能获取到访客的QQ号码...

    崔文远TroyCui
  • 一些移动 Web 前端开发上的要点记录

    从五月份实习到现在快三个月了,这三个月的实习时段,按照leader 的要求,每天要写日总结发RTX 内部群,每周都要写周邮件群发整个部门——就这么坚持了三个月。...

    Jeff
  • 直播平台源码搭建教程:微信小程序中的直播如何去掉水印

    var services = require('../../lib/service')

    云豹kj的晨曦
  • Scrapy的CrawlSpider用法

    rules是一组Rule对象。每条Rule定义了抓取网页的方式。如果多条规则匹配到同一链接,根据定义规则的顺序,使用第一个链接。

    SeanCheney
  • react childern添加事件

    j_bleach
  • 【nodejs】让nodejs像后端mvc框架(asp.net mvc)一样处理请求--请求处理函数装饰器注册篇(5/8)【controller+action】

    上篇文章把action的注册讲完了,但是我们的处理函数没有指定可接受的httpmethod,也没有别名上面的。下面我们使用typescript的特性之一装饰器来...

    旺财的城堡

扫码关注云+社区

领取腾讯云代金券