jSignage includes a jQuery v1.5.1/v1.11.0 port adapted for SVG Tiny 1.2 uDOM.
Selectors
| Selector | Description |
|---|---|
$('svg') | Top-level SVG element |
$('#id') | Element by ID |
$('name') | All elements with given tag name |
$('<tag/>') | Create new element from SVG |
Select & Modify
$('#swan').attr('fill', 'black');
$('image').attr('display', 'none');Create Element
var r = $.createElement('rect', {
x: 0, y: 0, width: 1280, height: 720, fill: '#ffbbbb'});
$('svg').append(r);DOM Methods
| Category | Methods |
|---|---|
| Attributes | .attr(name), .attr(name, value), .attr({ key: val }) |
| Text | .text(), .text(val), .clearText() |
| Tree | .add(), .addTo(), .append(), .remove(), .clone() |
| Traversal | .children(), .parent(), .find(), .each(fn) |
Events
See: Interactive Content for full event reference
(.click(), .keydown(), .textInput()).
AJAX
See: Data Feeds & AJAX for $.get(), $.post(), $.getJSON().
NOT Supported
- CSS methods (
.css(), .addClass()) - Deferred/Promise
-
.animate() — use jSignage animations -
Complex CSS selectors (
.class, [attr], :pseudo)
Related Pages
- jSignage Core — library overview
- Interactive Content — events
- Data Feeds & AJAX — HTTP requests
- Layers Overview — layer methods
SpinetiX Wiki Reference Selectors, DOM manipulation (attr, text, append), tree traversal, AJAX methods.