API [English] - KrzysztofZawisla/WasmQuery GitHub Wiki

Register library

registerWasmQuery(); // register with $ sign
registerWasmQuery("wasmQuery"); // register lib under "wasmQuery" variable
registerWasmQuery(["$", "wasmQuery", "test"]) // multiple register

Syntax

General syntax

$("selector").method();

Methods

Standard invoke returns DOM elements

$("h1")[0];
$("#id")[0];
$(".class")[0];
$("h1");
$("#id");
$(".class");

To return CSS property

$("h1")[0].css("color");
$("#id")[0].css("color");
$(".class")[0].css("color");
$("h1").css("color");
$("#id").css("color");
$(".class").css("color");

To setup CSS property

$("h1")[0].css("color", "fuchsia");
$("#id")[0].css("color", "fuchsia");
$(".class")[0].css("color", "fuchsia");
$("h1").css("color", "fuchsia");
$("#id").css("color", "fuchsia");
$(".class").css("color", "fuchsia");

or

$("h1")[0].css("color", ["fuchsia"]);
$("#id")[0].css("color", ["fuchsia"]);
$(".class")[0].css("color", ["fuchsia"]);
$("h1").css("color", ["fuchsia", "fuchsia", "fuchsia"]);
$("#id").css("color", ["fuchsia"]);
$(".class").css("color", ["fuchsia", "fuchsia", "fuchsia"]);

To get attribute of DOM elements

$("h1")[0].attr("alt");
$("#id")[0].attr("alt");
$(".class")[0].attr("alt");
$("h1").attr("alt");
$("#id").attr("alt");
$(".class").attr("alt");

or

$("h1")[0].attr(["alt"]);
$("#id")[0].attr(["alt"]);
$(".class")[0].attr(["alt"]);
$("h1").attr(["alt"]);
$("#id").attr(["alt"]);
$(".class").attr(["alt"]);

To setup attribute of DOM elements

$("h1")[0].attr("alt", "hello");
$("#id")[0].attr("alt", "hello");
$(".class")[0].attr("alt", "hello");
$("h1").attr("alt", "hello");
$("#id").attr("alt", "hello");
$(".class").attr("alt", "hello");

or

$("h1")[0].attr("alt", ["hello"]);
$("#id")[0].attr("alt", ["hello"]);
$(".class")[0].attr("alt", ["hello"]);
$("h1").attr("alt", ["hello"]);
$("#id").attr("alt", ["hello"]);
$(".class").attr("alt", ["hello"]);

or

$("h1")[0].attr(["alt"], ["hello"]);
$("#id")[0].attr(["alt"], ["hello"]);
$(".class")[0].attr(["alt"], ["hello"]);
$("h1").attr(["alt"], ["hello"]);
$("#id").attr(["alt"], ["hello"]);
$(".class").attr(["alt"], ["hello"]);

To remove attribute of DOM elements

$("h1")[0].removeAttr("alt");
$("#id")[0].removeAttr("alt");
$(".class")[0].removeAttr("alt");
$("h1").removeAttr("alt");
$("#id").removeAttr("alt");
$(".class").removeAttr("alt");

or

$("h1")[0].removeAttr(["alt"]);
$("#id")[0].removeAttr(["alt"]);
$(".class")[0].removeAttr(["alt"]);
$("h1").removeAttr(["alt"]);
$("#id").removeAttr(["alt"]);
$(".class").removeAttr(["alt"]);

To hide DOM elements

$("h1")[0].hide();
$("#id")[0].hide();
$(".class")[0].hide();
$("h1").hide();
$("#id").hide();
$(".class").hide();

To show DOM elements based on tag name

$("h1")[0].show();
$("#id")[0].show();
$(".class")[0].show();
$("h1").show();
$("#id").show();
$(".class").show();

To show DOM elements as block

$("h1")[0].showAsBlock();
$("#id")[0].showAsBlock();
$(".class")[0].showAsBlock();
$("h1").showAsBlock();
$("#id").showAsBlock();
$(".class").showAsBlock();

To show DOM elements as inline

$("h1")[0].showAsInline();
$("#id")[0].showAsInline();
$(".class")[0].showAsInline();
$("h1").showAsInline();
$("#id").showAsInline();
$(".class").showAsInline();

To show DOM elements as inline-block

$("h1")[0].showAsInlineBlock();
$("#id")[0].showAsInlineBlock();
$(".class")[0].showAsInlineBlock();
$("h1").showAsInlineBlock();
$("#id").showAsInlineBlock();
$(".class").showAsInlineBlock();

To show DOM elements as flex

$("h1")[0].showAsFlex();
$("#id")[0].showAsFlex();
$(".class")[0].showAsFlex();
$("h1").showAsFlex();
$("#id").showAsFlex();
$(".class").showAsFlex();

To return value

$("h1")[0].val();
$("#id")[0].val();
$(".class")[0].val();
$("h1").val();
$("#id").val();
$(".class").val();

To setup value

$("h1")[0].val("exampleValue");
$("#id")[0].val("exampleValue");
$(".class")[0].val("exampleValue");
$("h1").val("exampleValue");
$("#id").val("exampleValue");
$(".class").val("exampleValue");

or

$("h1")[0].val(["exampleValue"]);
$("#id")[0].val(["exampleValue"]);
$(".class")[0].val(["exampleValue"]);
$("h1").val(["exampleValue1", "exampleValue2", "exampleValue3"]);
$("#id").val(["exampleValue1"]);
$(".class").val(["exampleValue1", "exampleValue2", "exampleValue3"]);

To return lenght of DOM elements array

$("h1").len();
$("#id").len();
$(".class").len();

To return width of DOM elements

$("h1")[0].width();
$("#id")[0].width();
$(".class")[0].width();
$("h1").width();
$("#id").width();
$(".class").width();

To setup width of DOM elements

$("h1")[0].width("100px");
$("#id")[0].width("100px");
$(".class")[0].width("100px");
$("h1").width("100px");
$("#id").width("100px");
$(".class").width("100px");

or

$("h1")[0].width(["100px"]);
$("#id")[0].width(["100px"]);
$(".class")[0].width(["100px"]);
$("h1").width(["100px", "200px", "300px"]);
$("#id").width(["100px"]);
$(".class").width(["100px", "200px", "300px"]);

To setup height of DOM elements

$("h1")[0].height("100px");
$("#id")[0].height("100px");
$(".class")[0].height("100px");
$("h1").height("100px");
$("#id").height("100px");
$(".class").height("100px");

or

$("h1")[0].height(["100px"]);
$("#id")[0].height(["100px"]);
$(".class")[0].height(["100px"]);
$("h1").height(["100px", "200px", "300px"]);
$("#id").height(["100px"]);
$(".class").height(["100px", "200px", "300px"]);

To add class

$("h1")[0].addClass("exampleClass");
$("#id")[0].addClass("exampleClass");
$(".class")[0].addClass("exampleClass");
$("h1").addClass("exampleClass");
$("#id").addClass("exampleClass");
$(".class").addClass("exampleClass");

or

$("h1")[0].addClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$("#id")[0].addClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$(".class")[0].addClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$("h1").addClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$("#id").addClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$(".class").addClass(["exampleClass1", "exampleClass2", "exampleClass3"]);

To remove class

$("h1")[0].removeClass("exampleClass");
$("#id")[0].removeClass("exampleClass");
$(".class")[0].removeClass("exampleClass");
$("h1").removeClass("exampleClass");
$("#id").removeClass("exampleClass");
$(".class").removeClass("exampleClass");

or

$("h1")[0].removeClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$("#id")[0].removeClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$(".class")[0].removeClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$("h1").removeClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$("#id").removeClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$(".class").removeClass(["exampleClass1", "exampleClass2", "exampleClass3"]);

To toggle class

$("h1")[0].toggleClass("exampleClass");
$("#id")[0].toggleClass("exampleClass");
$(".class")[0].toggleClass("exampleClass");
$("h1").toggleClass("exampleClass");
$("#id").toggleClass("exampleClass");
$(".class").toggleClass("exampleClass");

or

$("h1")[0].toggleClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$("#id")[0].toggleClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$(".class")[0].toggleClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$("h1").toggleClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$("#id").toggleClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$(".class").toggleClass(["exampleClass1", "exampleClass2", "exampleClass3"]);

To check if it contains a class

$("h1")[0].hasClass("exampleClass");
$("#id")[0].hasClass("exampleClass");
$(".class")[0].hasClass("exampleClass");
$("h1").hasClass("exampleClass");
$("#id").hasClass("exampleClass");
$(".class").hasClass("exampleClass");

or

$("h1")[0].hasClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$("#id")[0].hasClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$(".class")[0].hasClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$("h1").hasClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$("#id").hasClass(["exampleClass1", "exampleClass2", "exampleClass3"]);
$(".class").hasClass(["exampleClass1", "exampleClass2", "exampleClass3"]);

To get even DOM elements

$("h1").even();
$("#id").even();
$(".class").even();

To get odd DOM elements

$("h1").odd();
$("#id").odd();
$(".class").odd();

To disable library and release memory

$.disableLibrary(); // disable all methods
$.disableLibrary(0); // disable method with index 0
$.disableLibrary([0, 1, 2]) // disable methods with index 0, 1, 2

To get settings

$.settings(); // all settings
$.settings("WasmQueryErrorPrevent") // specific setting

To setup setting

$.settings("WasmQueryErrorPrevent", true);

or

$.settings("WasmQueryErrorPrevent", [true]);

or

$.settings(["WasmQueryErrorPrevent"], true);