In general, it is used for template inheritance which used to select the particular Jquery selector's from template view. From documentation,
Template inheritance is used to alter existing templates in-place, e.g. to add information to templates created by an other modules.
Template inheritance is performed via the t-extend directive which takes the name of the template to alter as parameter.
The alteration is then performed with any number of t-jquery sub-directives:
<t t-jquery="ul" t-operation="append">
The t-jquery directives takes a CSS selector. This selector is used on the extended template to select context nodes to which the specified t-operation is applied:
the node’s body is appended at the end of the context node (after the context node’s last child)
the node’s body is prepended to the context node (inserted before the context node’s first child)
the node’s body is inserted right before the context node
the node’s body is inserted right after the context node
the node’s body replaces the context node’s children
the node’s body is used to replace the context node itself
t-jquery=selector [t-operation=operation] BODY
- selector (String) – a CSS selector into the parent template
- operation – one of append, prepend, before, after, inner or replace.
- BODY – operation argument, or alterations to perform