Greasy Fork 还支持 简体中文。

TQuery

我的仿jq库

Per 02-09-2015. Zie de nieuwste versie.

Dit script moet niet direct worden geïnstalleerd - het is een bibliotheek voor andere scripts om op te nemen met de meta-richtlijn // @require https://updategf.qytechs.cn/scripts/11045/71683/TQuery.js

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

Maker
axetroy
Versie
0.0.1.20150902021115
Gemaakt op
18-07-2015
Bijgewerkt op
02-09-2015
Grootte
46,7 KB
Licentie
N.v.t.

TQuery

这是一个模拟jquery的轻量js库,(当然这里包含了很多的注释代码) 实现了jquery的大部分常用方法,包括选择符,事件绑定、处理,DOM操作,ajax等等 个人使用.....

兼容哪些浏览器

支持IE8+,chrome,firefox,opera等。IE8下,不定期删除某些兼容IE8下的部分。

如何添加插件?

1,源码中提供了一个extend方法,用于添加插件

格式是这样$().extend(fnName,fn); 参数:方法名,执行的方法 比如

$().extend('alert',function(){
  //do something
  alert( this );
    return this;  //返回TQuery对象,以便链式操作    $('p').css('width','500').alert().scoll()........
});

调用:

$().alert();  >>>>>>    TQuery{'elements':[],'vision':1.0,'length':0};

已经模拟的方法

选择器:

  • $()
  • find()
  • not()
  • flter()
  • add()
  • parents()
  • children()
  • prev()
  • next()
  • siblings()
  • slice()
  • eq()
  • get()

事件操作:

  • each()
  • trigger()
  • click()
  • bind()
  • unbind()
  • on()
  • one()
  • hover()
  • toggle()
  • mouseScroll()
  • matation()
  • ajax()

获取尺寸及设置:

  • width()
  • height()
  • top()
  • left()
  • viewWidth()
  • viewHeight()
  • style()
  • size()
  • scrollTop()
  • mouseScroll()

属性attr的设置

  • css()
  • animate()
  • stop()
  • attr()
  • hasClass()
  • removeClass()
  • addClass()
  • size()
  • scrollTop()
  • mouseScroll()

DOM节点的操作

  • insertAfter()
  • insertBefore()
  • empty()
  • remove()
  • html()
  • text()
  • addClass()
  • value()

其他方法

  • show()
  • hide()
  • scroll()