.metaparse()
Categories: Utilities
.metaparse( [ options ] )Returns: jQuery
Plugin: jQuery.metaparse
Description: Run jQuery methods instantly without script tags.
-
.metaparse( [ options ] )
version added: 1.0options A set of key/value pairs that configure the .metaparse() call. A default are set for any option by jQuery.metaparseSettings.
The .metaparse()
method is capable of runnig meta code extracted from classes, random attributes, child elements and HTML5 data-* attributes.
The syntax: write jQuery methods without selector and use single quotes, the extracted code will be applied to the element which containted the code.
If you wnat to run code from jQuery sub classes write the name of the sub class object before the first dot.
Be sure the sub class was defined on the global window object like this window.$sub = $.sub()
.
-
Run meta code extracted from a class.
HTML:
<ul> <li class="metaparse .addClass('li-1')"></li> <li class="metaparse .addClass('li-2')"></li> <li class="metaparse .addClass('li-3')"></li> <li class="metaparse .hide()"></li> <li class="metaparse .fadeTo(0.5)"></li> </ul>
Code:
$('*.metaparse') .metaparse({ type: 'class' });
Results:
<ul> <li class="metaparse li-1"></li> <li class="metaparse li-2"></li> <li class="metaparse li-3"></li> <li class="metaparse " style="display:none;"></li> <li class="metaparse " style="opacity:0.5;"></li> </ul>
-
Run meta code extracted from html5 metaparse.
HTML:
<ul> <li metaparse=".addClass('li-1')"></li> <li metaparse=".addClass('li-2')"></li> <li metaparse=".addClass('li-3')"></li> <li metaparse=".hide()"></li> <li metaparse=".fadeTo(0.5)"></li> </ul>
Code:
$('*[metaparse]') .metaparse({ type: 'attr', name: 'metaparse' });
Results:
<ul> <li class="li-1" metaparse=""></li> <li class="li-2" metaparse=""></li> <li class="li-3" metaparse=""></li> <li metaparse=""style="display:none;"></li> <li metaparse="" style="opacity:0.5;"></li> </ul>
-
Run meta code extracted from html5 attribute metaparse.
HTML:
<ul> <li data-metaparse=".addClass('li-1')"></li> <li data-metaparse=".addClass('li-2')"></li> <li data-metaparse=".addClass('li-3')"></li> <li data-metaparse=".hide()"></li> <li data-metaparse=".fadeTo(0.5)"></li> </ul>
Code:
$('*[data-metaparse]') .metaparse({ type: 'html5', name: 'metaparse' });
Results:
<ul> <li class="li-1" data-metaparse=""></li> <li class="li-2" data-metaparse=""></li> <li class="li-3" data-metaparse=""></li> <li data-metaparse=""style="display:none;"></li> <li data-metaparse="" style="opacity:0.5;"></li> </ul>
-
Run meta code extracted from an element.
HTML:
<ul> <li class="metaparse"><var>.addClass('li-1')</var></li> <li class="metaparse"><var>.addClass('li-2')</var></li> <li class="metaparse"><var>.addClass('li-3')</var></li> <li class="metaparse"><var>.hide()</var></li> <li class="metaparse"><var>.fadeTo(0.5)</var></li> </ul>
Code:
$('*.metaparse') .metaparse({ type: 'elem', name: 'var' });
Results:
<ul> <li class="metaparse li-1"></li> <li class="metaparse li-2"></li> <li class="metaparse li-3"></li> <li class="metaparse " style="display:none;"></li> <li class="metaparse " style="opacity:0.5;"></li> </ul>