超棒的javascript移动触摸设备开发类库-QUOjs

开发手机端网站。少不了手势事件？

手势事件怎么写？

手势事件怎么去判断？

对于新手来说。真的很Dan碎！

下面为大家推荐一款插件QUOjs

官方网站http://quojs.tapquo.com/

这款插件能干什么？

我想你看了这个图就懂了

点击事件？滑动事件？旋转事件？

缩放事件？多手指事件？

哈哈，都支持有没有！

怎么使用这款插件？

如果你懂Jquery，那么这款插件真的是太简单啦！

用法和Jquery一样哦！

$$('p').tap(function() {
$$('span', this).style('color', 'red');
});

Jquery是$,QUOjs是$$

是不是很简单！

而却有了这个库。那么开发手机端，完全可以抛弃jquery。

这个也有封装

.get(index)
.find('selector')
.parent()
.siblings('selector')
.children('selector')
.first()
.last()
.closest('selector')
.each(callback)
.attr('attribute')
.attr('attribute', 'value')
.removeAttr('attribute')
// Get/Set the value of the "data-name" attribute
.data('name')
.data('name', 'value')
// Get/Set the value of the form element
.val()
.val('value')
// Show/Hide a element
.show()
.hide()
// get object dimensions in px
.offset('selector')
.height()
.width()
// remove element
.remove()
// set a CSS property
.style('css property', 'value')
// add/remove a CSS class name
.addClass('classname')
.removeClass('classname')
.toggleClass('classname')
// returns true of first element has a classname set
.hasClass('classname')
// Set a style with common vendor prefixes
.vendor('transform', 'translate3d(50%, 0, 0)');

用法和JQuery的一样哦！

相信会有人问。为什么没有Jqery的自定义动画(animate)？

如果我想做动画怎么办？

其实你多想了！

开发手机端这些完全没有必要了。

CSS3完全可以自定义动画的。手机端支持很好哦。

具体支持请参看官网：官方网站http://quojs.tapquo.com/

转载于:https://www.cnblogs.com/webqiand/p/4607886.html

超棒的javascript移动触摸设备开发类库-QUOjs相关推荐

使用HTML5画布实现的超棒javascript动画仪表板：gauge.js
日期:2012-8-8 来源:GBin1.com 在线演示今天我们分享来自guage.js的超棒动画仪表板实现,这个类库使用html5画布来生成动态的自定义仪表板.不依赖于任何类库也不实用任何的C ...
html5仪表板可调节,使用HTML5画布实现的超棒javascript动画仪表板：gauge.js
今天我们分享来自guage.js的超棒动画仪表板实现,这个类库使用html5画布来生成动态的自定义仪表板.不依赖于任何类库也不实用任何的CSS或者图片,完全使用画布生成. 拥有两套不同的UI,一个是仪 ...
【简报】超棒的拖放式文件上传javascript类库：FileDrop
为什么80%的码农都做不了架构师?>>> 日期:2012-8-30 来源:GBin1.com 今天推荐一款来自俄国web开发人员的支持拖放的跨浏览器javascript文件上 ...
超棒的视差滚动效果javascript类库 - Jarallax
为什么80%的码农都做不了架构师?>>> 日期:2012-9-27 来源:GBin1.com 如果你没有听说过视差滚动的话,说明你真out了,作为2011年最流行的网站设计效 ...
13个可实现超棒数据可视化效果的Javascript框架
随着商业及其相关需求的发展,数据成为越来越重要的元素之一,为了更加直观和明显的展示商业潜在的趋势和内在的特性,我们需要使用图表和图形的方式来直观动态的展示数据内在秘密,在今天的这篇文章中我们推荐12款 ...
12个帮助实现超棒数据可视化效果的Javascript框架
随着商业及其相关需求的发展,数据成为越来越重要的元素之一,为了更加直观和明显的展示商业潜在的趋势和内在的特性,我们需要使用图表和图形的方式来直观动态的展示数据内在秘密,在今天的这篇文章中我们推荐12款 ...
超棒的CSS开源UI界面元素类库 - TopCat
日期:2013-4-25 来源:GBin1.com TopCoat是一套免费的开源UI元素类库,整套类库不使用任何javascript,而是使用CSS和HTML来生成. 整套UI元素非常丰富,使用标 ...
8个超棒的使用javascript开发的视觉特效网站
日期:2012-8-17 来源:GBin1.com 随着flash的落寞及其HTML5和CSS3的发展,更多的网站开始使用javascript,CSS3和HTML5来开发炫酷的特效.今天我们挑选了8 ...
jquery parsley ajax,用户体验超棒且功能强大使用简单的javascript表单验证 - Parsley.js...
大家还记得我们曾经介绍过的表单验证jquery插件jquery.validationEngine吧,使用这个插件你不需要写任何一行js代码就可以生成一个功能强大的表单验证功能.是不是超棒? 今天介绍的 ...

超棒的javascript移动触摸设备开发类库-QUOjs

超棒的javascript移动触摸设备开发类库-QUOjs相关推荐

最新文章

热门文章