開發手機端網站。少不了手勢事件？

手勢事件怎么寫？

手勢事件怎么去判斷？

對于新手來說。真的很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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。