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

时间: 2024-10-16 03:52:06

zepto 基础知识(1)的相关文章

zepto 基础知识(6)

101.$.ajax $.ajax(options) 类型:XMLttpRequest 执行Ajax请求.他可能是本地资源,或者通过支持HTTP access control的浏览器 或者通过 JSONP来实现跨域. 选项: type(默认: “GET”):请求方法 (“GET”, “POST”, or other) url (默认: 当前地址):发送请求的地址 data (默认:none):发送到服务器的数据:如果是GET请求,它会自动被作为参数拼接到url上.非String对象将通过 $.p

zepto 基础知识(5)

81.width width() 类型:number width(value) 类型:self width(function(index,oldWidth){....}) 类型:self 获取对象集合中第一个元素的宽,或者设置对象集合中所有元素的宽. $('#foo').width() //123 $(window).width() //768 $(document).width() //768 82.wrap wrap(structure) 类型:self wrap(function(inde

移动端的一些基础知识

meta的基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 <meta name="format-detection" content=

MySQL数据库基础知识

day02 MySQL数据库基础知识 一.基础知识概述: 基础决定你这门课程的学习成败!只有学习好这些基础知识以后,你才能真正的运用自如.才能够对数据库有更深入的了解,道路才会越走越远. 二.基础知识: 1.数据库(database):数据库就好比是一个物理的文档柜,一个容器,把我们整理好的数据表等等归纳起来. 创建数据库命令:        create database 数据库名; 2.查看数据库         show databases; 3.打开指定的数据库         use 

linux入门基础知识及简单命令介绍

linux入门基础知识介绍 1.计算机硬件组成介绍 计算机主要由cpu(运算器.控制器),内存,I/O,外部存储等构成. cpu主要是用来对二进制数据进行运算操作,它从内存中取出数据,然后进行相应的运算操作.不能从硬盘中直接取数据. 内存从外部存储中取出数据供cpu运存.内存的最小单位是字节(byte) 备注:由于32的cpu逻辑寻址能力最大为32内存单元.因此32位cpu可以访问的最大内存空间为:4GB,算法如下: 2^32=2^10*2^10*2^10*2^2 =1024*1024*1024

BroadcastReceive基础知识总结

BroadcastReceive基础知识总结 1.BroadcastReceive简介 BroadcastReceive也就是"广播接收者"的意思,顾名思义,就是用来接收来自系统和应用中的广播 在Android系统中,广播体现在方方面面,例如当开机完成后系统会产生一条广播,接收到这条广播就能实现开机启动服务的功能,当网络状态改变时,系统会产生一条广播,接收到这条广播,就能及时的做出提示和保存数据等操作,当电池的电量改变的时候,系统会产生一条广播,接收到这条广播就能在电量低的时候告知用户

基础知识--:before伪元素和:after伪元素

http://book.51cto.com/art/201108/285688.htm 3.7  替换指定位置 大家都知道before和after是前.后的意思.但是奇怪的是,CSS中的:before伪元素和:after伪元素是为源文档中不存在的内容设置样式的. 没有内容怎么设置样式呢?别急!它们有一个content属性,一起使用就可以为某个选择器前.后的内容设置样式了. 下面就来了解一下:before伪元素和:after伪元素的用法. 视频教学:光盘/视频/3/3.7  替换指定位置.avi 

20_Shell语言———VIM编辑器基础知识三之窗口属性定制、配置文件及查找替换功能

Vim编辑器可以让用户按照需求来定制一些使用属性. 一.窗口属性定义 1)显示行号 行号不是内容,只是用来帮助用户确认文本所在的行.在vim编辑器中,如果要显示行号,可以在末行模式下输入: set number 如果想关闭,则可以在功能名称前面加上no,即: set nonumber 命令可以被简写,如set number 可以简写为 set nu:set nonumber 可以简写为 set nonu. 注意,上述设定仅对当前vim的进程有效,一旦当前进程关闭,这些设定就会失效,如果要使设定永

web基础知识(一)关于ajax传值最基础东西

HTTP方法之 GET对比POST GET:从指定的资源请求数据, POST:向指定的资源提交要被处理的数据 GET方法: 请注意,查询字符串(名称/值对)是在 GET 请求的 URL 中发送的: /test/demo_form.asp?name1=value1&name2=value2 有关 GET 请求的其他一些注释: GET 请求可被缓存 GET 请求保留在浏览器历史记录中 GET 请求可被收藏为书签 GET 请求不应在处理敏感数据时使用 GET 请求有长度限制 GET 请求只应当用于取回