JQUERY
$.getJSON('/my/url', function(data) {});
IE9+
var request = new XMLHttpRequest();
request.open('GET', '/my/url', true);request.onload = function() {
if (request.status >= 200 && request.status < 400) {
// Success!
var data = JSON.parse(request.responseText);
} else {
// We reached our target server, but it returned an error}
};request.onerror = function() {
// There was a connection error of some sort
};request.send();
jPlayer: free audio player
jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQueryplugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer’s comprehensive API allows you to create innovative media solutions while support and encouragement is provided by jPlayer’s active and growing community.
How to check if an element is hidden in jQuery?
It is possible to toggle the visibility of an element, using the functions
.hide(),.show()or.toggle().How would you test if an element is visible or hidden?
<span class="com">// Checks for display:[none|block], ignores visible:[true|false]</span><span class="pln"> $</span><span class="pun">(</span><span class="pln">element</span><span class="pun">).</span><span class="kwd">is</span><span class="pun">(</span><span class="str">":visible"</span><span class="pun">);</span>Example of using the visible check for adblocker is activated:
<span class="pln">$</span><span class="pun">(</span><span class="pln">document</span><span class="pun">).</span><span class="pln">ready</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">()</span> <span class="pun">{</span> <span class="kwd">if</span><span class="pun">(!</span><span class="pln">$</span><span class="pun">(</span><span class="str">"#ablockercheck"</span><span class="pun">).</span><span class="pln">is</span><span class="pun">(</span><span class="str">":visible"</span><span class="pun">))</span> <span class="pun">{</span><span class="pln"> $</span><span class="pun">(</span><span class="str">"#ablockermsg"</span><span class="pun">).</span><span class="pln">text</span><span class="pun">(</span><span class="str">"Please disable adblocker."</span><span class="pun">).</span><span class="pln">show</span><span class="pun">();</span> <span class="pun">}</span> <span class="pun">});</span>
How to count words in JavaScript using JQuery
You would split the string and then count the length of the resulting array.
<span class="pln">$</span><span class="pun">(</span><span class="str">'input[type="submit"]'</span><span class="pun">).</span><span class="pln">click</span><span class="pun">(</span> <span class="kwd">function</span><span class="pun">()</span> <span class="pun">{</span> <span class="kwd">var</span><span class="pln"> words </span><span class="pun">=</span><span class="pln"> $</span><span class="pun">(</span><span class="str">'#name'</span><span class="pun">).</span><span class="pln">val</span><span class="pun">().</span><span class="pln">split</span><span class="pun">(</span><span class="str">' '</span><span class="pun">);</span><span class="pln"> alert</span><span class="pun">(</span><span class="pln">words</span><span class="pun">.</span><span class="pln">length</span><span class="pun">);</span> <span class="pun">});</span>