TQuery

我的仿jq库

目前為 2015-08-17 提交的版本,檢視 最新版本

此腳本不應該直接安裝,它是一個供其他腳本使用的函式庫。欲使用本函式庫,請在腳本 metadata 寫上: // @require https://update.gf.qytechs.cn/scripts/11045/68537/TQuery.js

作者
axetroy
版本
0.0.1.20150817171047
建立日期
2015-07-18
更新日期
2015-08-17
尺寸
40.3 KB
授權條款
未知

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()

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址