$utils使用全指南----持续更新

简介: 顾名思义:$utils是基于Jquery的拓展工具函数库,是本人封装的一些常用且实用的方法。 在此只列出使用方式,源码不公开。1. $.createSelect(数组)------创建选择型表单:返回:该选择型表单的jQuery对象let $s1 = $.
顾名思义:$utils是基于Jquery的拓展工具函数库,是本人封装的一些常用且实用的方法。  
在此只列出使用方式,源码不公开。

1. $.createSelect(数组)------创建选择型表单:

返回:该选择型表单的jQuery对象

let $s1 = $.createSelect(["start", "end", "center"]);
$.createSelect

2.$el.inWindow(x占份数,y占份数)------将浏览器显示窗宽高分别分为100份,让控件中心在相应份数上:

$s1.inWindow(50,50);//让上一步的$s1(中心)位置在屏幕宽高各50份处
inWindow

3.$.onSizeChange(callback)------浏览器尺寸变化时回调:

    $.onSizeChange(function () {//这样当浏览器视窗变化,$s1都会自动处于中心位置
        $s1.inWindow(50, 50);
    })
onSizeChange.png

4. $s1.autoInWin(占份数,y占份数)------如果比较懒(比如me),那么2+3综合即此方法

 $s1.autoInWin(50, 50);
注:提供链式调用,你可以这样使用:一句长代码便可实现创建,定位,取值
    $.createSelect(["start", "end", "center"])
        .autoInWin(45, 5)
        .on("input", function () {
            var value=($(this).val());
        })

5.$el.createText:在某个标签下加上svg文字!

返回设置文字的函数

//左顶点为100,100处创建#6D6AFB颜色的文字"toly1994.com"
    $('body').createText({
        str: "toly1994.com",
        font: 15,
        color: "#6D6AFB",
        x: 100,
        y: 100,
    });
$el.createText.png

相关文章
|
3月前
|
Python
源码解密 Python 的 Event
源码解密 Python 的 Event
50 1
|
8月前
|
Linux iOS开发 MacOS
Python-----PyInstaller的简单使用
Python-----PyInstaller的简单使用
63 1
|
8月前
|
数据可视化 Python
Python----matplotlib库
Python----matplotlib库
79 1
|
8月前
|
算法 测试技术 数据库
data-diff,一个超强的 Python 库!
data-diff,一个超强的 Python 库!
82 0
|
API Python
Gevent----非官方的python协程库
Gevent----非官方的python协程库
109 0
|
JSON 数据安全/隐私保护 数据格式
Python​ 重解零基础100题(2)
Python​ 重解零基础100题(2)
287 0
|
机器人 Python
Python​ 重解零基础100题(3)
Python​ 重解零基础100题(3)
131 0
|
索引 Python
Python​ 重解零基础100题(8)
Python​ 重解零基础100题(8)
99 0
|
存储 索引 Python
Python​ 重解零基础100题(10-2)
Python​ 重解零基础100题(10-2)
81 0
|
索引 Python
Python​ 重解零基础100题(9)
Python​ 重解零基础100题(9)
84 0