Aluk-js可以帮助用户选择元素,get/post/jsop请求
Ezt a szkriptet nem ajánlott közvetlenül telepíteni. Ez egy könyvtár más szkriptek számára, amik tartalmazzák a // @require https://update.greasyfork.org/scripts/488144/1333062/Aluk-js.js hivatkozást.
Markdown使用文档 详见 https://github.com/Xbodw/Aluk-js
一个Javascript查询库,类似于Jquery
以下是使用文档(旧版)
To view English documents, please go to “README-en.md”
Aluk是一个有些类似于Jquery的库,它的用途也很多,目前是1.4.2版本 在线引用链接: http://powernod.com/u/388c1af3a993eff1
要使用Aluk来搜索DOM元素,你可以这么做:
aluk(selecter);
aluk(selecter,mode); //eg: aluk('*',{shadowroot:true});
aluk(selecter,mode,element); //eg: aluk('*',{shadowroot:true},document);
该操作返回的是一个querylist列表对象,还包括一组aluk独有的函数方法.你可以通过aluk(你的属性选择器)[第几项]来访问单个元素,但单个元素无法使用aluk的函数方法.
当然了,aluk也可以像jquery那样,使用html代码或者元素对象:
aluk(`<div class='b'></div>`)
该操作返回一个未被追加到页面上的querylist列表,你可以通过aluk(你的属性选择器)[第几项]来访问单个元素,但单个元素无法使用aluk的函数方法.
或者使用aluk将单个元素转换为aluk的querylist对象:
aluk(document.body);
Aluk配套的一组函数和属性是可以使用的.
默认的Aluk语言为英文,我们可以通过aluk.language = 'zh-cn';来改变aluk的当前语言,包括错误提示
但是aluk只支持中文和英文两种语言.所以属性值只有en-us和zh-cn。
### Object转Css 你没听错,Aluk是可以将Object类型转换为Css的.
var css ='';
aluk.objectToCss({"text-align":"center"，"color":"red"})。forEach(cssl => {css+=cssl;})
这样,变量css里的内容就是我们的css了
### 对Aluk对象设置css SetCss用法如下:
SetCss(index,cssList)
这个index指的是我们aluk对象里的第几项,也就是说我们要对这里面的哪一项进行css修改操作.cssList是css (Object)列表 示例:
var rtc = aluk('#rtc');
//以下的第一项使用0来表示,第二项使用1,以此类推
rtc.setCss(0，{"text-align":"center"，"color":"red"}); //对div rtc设置css属性,该操作会返回css的行数.
### 移动或追加Aluk对象到元素 用法如下:
AppendorMoveto(index,appender)
index的含义前面讲过,appender指的是想要把元素移动或追加到哪个元素的子项里 示例:
var rtc = aluk('#rtc');
//以下的第一项使用0来表示,第二项使用1,以此类推
rtc.AppendorMoveto(0,document.head);
示例里的document.head可以用HTML的Element对象来表示,也可以用aluk的querylist来表示
用法如下:
aluk.createElementX(options)
options是一个object对象,里面包含了对创建元素的要求 createElementX返回一个Promise对象,其中的PromiseResult就是我们创建的元素. 比如:
var options = {
"ElementType":"div"， //设置元素类型
"id":"a"， //设置id,可写可不写,不写把这一行删掉
"Class":"b"， //设置Class,也是可写可不写,不写把这一行删掉
"innerHTML":"<a> :123</a>"
}; //设置innerHTML,按需求可以填可以不填,不写把这一行删掉
var element;
aluk.createElementX(options)。then(res => element=res);
我们在1.4.2更新了这个函数,具体用法如下:
aluk.ShowConsolePictures(url,options)
其中,url可以为网络https或http链接,也可以为base64链接
比如可以这么用:
aluk.ShowConsolePictures(`https://file/path/to/png`，{
size: "1200"，
height: "600" //百分比,控制台给的空间小,所有必须大于100%
})
这样,就能把图片清晰的显示在控制台上
1.4.2更新 用法:
aluk.WebUrlToBase64(url,callback)
例如:
aluk.WebUrlToBase64('https://path/to/url'，ce => {
console.log(ce)
})
1.4.2更新 用法如下:
continue(select)
该操作对一个querylist对象使用continue函数,在对象内根据选择器搜索元素并返回一个新的querylist对象 示例:
const listdiv = aluk('div');
const lista = listdiv.continue('a[id="b"]') //根据原来的对象listdiv返回新的querylist对象lista
1.4.2更新 原版的aluk(1.2.1)只能通过forEach函数进行逐次删除,于是我们更新了这个RemoveX函数:
RemoveX()
具体用法如下
const lista = aluk('div')
lista.RemoveX(); //全部删除
### 显示和隐藏元素
aluk('*').show();
aluk('*').hide();