超棒的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/