webnote

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

手势事件怎么写？

手势事件怎么去判断？

对于新手来说。真的很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/