chore: Add new methods to __Query class for element manipulation

This commit is contained in:
Max 2024-08-05 15:19:57 +08:00
parent b25ddd6a53
commit e0dd59c180
2 changed files with 90 additions and 64 deletions

File diff suppressed because one or more lines are too long

View file

@ -43,6 +43,22 @@ class __Query {
return this.elements; return this.elements;
} }
find(selector: string): __Query {
return new __Query(this.element?.querySelector(selector) || "");
}
closest(selector: string): __Query {
return new __Query(this.element?.closest(selector) || "");
}
on(event: string, callback: (event: Event) => void): __Query {
if (!this.element) {
return this;
}
this.element.addEventListener(event, callback);
return this;
}
$$() { $$() {
if (!this.element) { if (!this.element) {
return null; return null;
@ -105,10 +121,6 @@ class __Query {
} }
} }
hasClass(className) {
return this.element?.classList.contains(className);
}
prop(key) { prop(key) {
if (!this.element || typeof this.element.getAttribute !== "function") { if (!this.element || typeof this.element.getAttribute !== "function") {
return null; return null;
@ -127,6 +139,20 @@ class __Query {
return v; return v;
} }
hasClass(className) {
return this.element?.classList.contains(className);
}
toggleClass(className) {
const classes = Array.isArray(className) ? className : className.split(" ");
classes.forEach((c) => {
const v = c.replace(/[\n\r\s]/g, "");
if (v === "") return;
this.element?.classList.toggle(v);
});
return;
}
removeClass(className) { removeClass(className) {
const classes = Array.isArray(className) ? className : className.split(" "); const classes = Array.isArray(className) ? className : className.split(" ");
classes.forEach((c) => { classes.forEach((c) => {