zepto 基础知识(4)
61.prev prev() 类型:collection prev(selector) 类型:collection 获取对相集合中每一个元素的钱一个兄弟节点,通过选择器来进行过滤
62.prev prev() 类型:collection prev(selector) 类型:collection 获取对象集合中每一个元素的前一个兄弟节点,通过选择器用来进行过滤。
63.prop prop(name) 类型:value prop(name, value) 类型:value prop(name, function(index,oldValue){...}) 类型:self 读取或设置dom元素的属性值。它在读取属性值的情况下由于attr,因为 这些属性值 会因为用户的 交互发生改变。checked 和selected
64.push push(element,[element2,.....]) 类型: self 添加元素到当前对象集合中的最后。 这是一个zepto的方法,不是jquery的api
65.ready reday(function($){...}) 类型:self 添加一个事件监听器,当页面DOM加载完毕,“DOMContentLoaded”事件触发时触发, 建议使用 $()来代替这种用法
66.reduce reduce(function(memo,item,index,array){...},[initial]) 类型: value 与 Array.reduce有相同的用法,遍历当前对象集合,memo是函数上次的返回值。迭代当前遍历。 这是一个zepto的方法,不是jquery的api
67.removeAttr removeAttr(name) 类型:slef 移除当前对象集中所有元素的属性。
68.removeClass removeClass([name]) 类型:self removeClass(function(index,oldClassName){....}) 类型:self 移除当前对象集合中所有远的指定class,如果没有指定name参数,将移除所有的class,多个class参数名称可以利用空格分割。
<input class="taiyang yueliang" id="check1" type="checkbox" checked="checked">
<input class="yaotaiyang" id="check2" type="checkbox">
<script type="text/javascript">
$("#check1").removeClass("taiyang yueliang")
//=>[<input class id="check1" type="checkbox" checked="checked">]
</script>
69.replaceWith replaceWith(content) 类型:self 用给定的内容替换所有匹配的元素,(包括元素本身)
70.serollLeft scrollLeft() 类型:number scrollLeft() 类型:self 获取或者设置页面上的滚动元素或者整个窗口向右滚动的像素值。
71.scrollTop scrollTop() 类型:number scrollTop(value) 类型:self 获取或设置页面上的滚动元素或者整个长款向下滚动的像素值。
72.show show() 类型:self 回复对象集合中每一个元素默认的display值,如果你用hide将元素隐藏,用该属性可以将其显示。
73.siblings siblings([selector]) 类型:collection 获取对象集合中所有元素的兄弟节点,如果给定css选择器参数,过滤出符合选择器的元素。
74.size size() 类型:number 获取对象集合中元素的数量
75.slice slice(start,[end]) 类型:array 提取这个数组array的子集,从start开始,如果给定end,提取从从start 开始到end结束的元素 但是不包含end位置的元素。
76.text text() 类型:string text(content) 类型:self text(function(index,oldText){...}) 类型;self 获取或者设置所有对象集合中元素的文本内容,当没有给定content参数时,返回当前对象集合中第一个元素的文本内容(包含子节点中的文本内容)当给定content
参数时,使用它替代对象集合中素有元素的文本内容,
77.toggle toggle([setting]) 类型 self 显示或者隐藏匹配元素,如果setting为true 相当于show用法,如果setting为false 相当于hide方法 var input = $('input[type=text]') $('#too_long').toggle(input.val().length > 140)
78.toggleClass toggleClass(names,[setting]) 类型: self toggleClass(function(index,oldClassName){.....},[setting]) 类型:self 在匹配的元素集合中的每一个元素上添加或者删除 一个多多个样式,如果class 的名称存在则删除它, 如果不存在就添加。
79.unwrap unwrap() 类型:self 移除集合中每个元素的直接父节点,并把他们的子元素保留在原来的位置,基本上,这种方法删除 上一的祖先元素,同时保持DOM 中的当前元素。
$(document.body).append('<div id=wrapper><p>Content</p></div>')
$('#wrapper p').unwrap().parents()
//=> [<body>, <html>]
80.val val() 类型:string val(value) 类型:self val(function(index,oldValue){....}) 类型:self 获取或设置匹配元素的值,当没有给定value 参数,返回第一个元素的值。如果是<select multiple > 标签,则返回一个数组,当给定value参数,那么将设置所有元素的值。
- js 停止事件冒泡 阻止浏览器的默认行为
- vue-cli生成的项目配置开发和生产环境不同的接口
- 【52ABP实战教程】0.1-- Devops如何用VSTS持续集成到Github仓库!
- 学习zepto.js(对象方法)[4]
- 事件绑定的几种常见方式
- vue的iview列表table render函数设置DOM属性值的方法
- js焦点轮播图
- vue父组件中获取子组件中的数据
- 学习zepto.js(对象方法)[3]
- bootstrap 标签页tab切换js(含报错原因)
- 学习zepto.js(对象方法)[2]
- vue-router 2 跳转失败原因
- 学习zepto.js(对象方法)[1]
- html5简单拖拽实现自动左右贴边+幸运大转盘
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- rt-thread的内存管理分析
- R平方/相关性取决于预测变量的方差
- stata具有异方差误差的区间回归
- R语言用于线性回归的稳健方差估计
- 用SAS进行泊松,零膨胀泊松和有限混合Poisson模型分析
- 东芝开发板驱动OLED模块显示LOGO图片
- sas文本挖掘案例:如何使用SAS计算Word Mover的距离
- R语言ggplot2 对Facebook用户数据可视化分析
- 如何实现一个圆弧倒计时进度条
- R语言Kaggle泰坦尼克号性别阶级模型数据分析案例
- 以图搜图系统概述
- GitHub Pages 配置 letsencrypt 开启HTTPS
- R语言中ARMA,ARIMA(Box-Jenkins),SARIMA和ARIMAX模型用于预测时间序列数据
- 以图搜图系统工程实践
- R语言线性判别分析(LDA),二次判别分析(QDA)和正则判别分析(RDA)