Code Monkey home page Code Monkey logo

gjTool

Build Status npm version npm downloads

gjTool.js是一个仿jQuery的js类库(PC端和移动端),支持移动端触摸滑动、捏合手势事件,模仿jQuery的链式调用,API用法和jQuery的差不多,相当于简版JQ。 支持extend方法扩展,在gjTool上增加属性、方法。gjTool.fn.extend、gjTool.extend。

gjTool 测试

更新信息

  • v1.2.5

  • 新增touch手势事件 pinch、 pinchin、 pinchout、 pinchstart、 pinchend

  • 修复find方法bug

安装


npm install gjtool

引用方式


import gjTool from "gjtool";  //var gjTool = require("gjtool");
<script type="text/javascript" src="gjtool.js"></script>

使用


对外暴露的全局变量是gjTool、$。

gjTool("#test").hide();//$("#test").hide(500);

API接口方法

API文档地址


选择器:
 
ID选择器、类选择器、标签选择器、通配符、群组选择器、后代选择器、属性选择器、html字符串、eq、first、last、even、odd、lt、le、gt、ge、not
例如:'#nav'、 '.subNav '、'div '、'div.test' 、'.div.abc'  、 'input[type=button]'、
'.div .ul li , #div'、  '.div ul .li'、 '.div ul li:eq(0)'、 '.div ul li:first'、'.div ul li:odd'、 '.div ul li:not(:eq(0))'

遍历:

each、map、find、 eq 、index 、parent、parents、siblings、prev、next、first、last

class操作:

addClass 、removeClass、hasClass、toggleClass

css操作:

css、width、height、offset、scrollTop、scrollLeft

属性操作:

attr、removeAttr、prop、data、val、html、text、empty

DOM操作:

after、before、append、prepend、remove、clone 、appendTo

动画:

animate、stop、show、hide、fadeIn、fadeOut、fadeTo、fadeToggle


事件:

on、off、hover、trigger、还有其他的普通事件,
文档加载完成:gjTool(function(){})、gjTool(document).ready(function(){});
例如:blur focus input load resize scroll unload click dblclick 等

Touch模块:

touch、untouch、touchstart、 touchmove、 touchend、 touchcancel、 press、 tap、 doubletap、 swipe、 swipeleft、 swiperigh、t swipeup、 swipedown、pinch、 pinchin、 pinchout、 pinchstart、 pinchend


ajax异步请求:(gjTool.ajax)

ajax、get、post、getJSON、getXML

常用工具、方法:(gjTool.each(arr,fn))

extend、 each、map、browser、now、getTime、getdate、arrSort、cloneArr、cloneObj、extendArr、objSort、setCookie、getCookie、delCookie、encrypt、decrypt、unique、getVerify

插件:


gjtool's Projects

gjtool doesn’t have any public repositories yet.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.