<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#href2").on("click",function(){ var version = $().jquery; alert("You are running jQuery version: " + version); }); $("#href5").on("click",function(){ $("#spanajax").text(jQuery.support.ajax); $("#spancheckClone").text(jQuery.support.checkClone); $("#spannoCloneChecked").text(jQuery.support.noCloneChecked); $("#spanclearCloneStyle").text(jQuery.support.clearCloneStyle); $("#spanboxSizingReliable").text(jQuery.support.boxSizingReliable); $("#spanpixelBoxStyles").text(jQuery.support.pixelBoxStyles); $("#spanpixelPosition").text(jQuery.support.pixelPosition); $("#spanreliableMarginLeft").text(jQuery.support.reliableMarginLeft); $("#spanscrollboxSize").text(jQuery.support.scrollboxSize); $("#spancheckOn").text(jQuery.support.checkOn); $("#spanoptSelected").text(jQuery.support.optSelected); $("#spanradioValue").text(jQuery.support.radioValue); $("#spanfocusin").text(jQuery.support.focusin); $("#spancors").text(jQuery.support.cors); $("#spancreateHTMLDocument").text(jQuery.support.createHTMLDocument); }); $("#href6").on("click",function(){ alert("table의 tr 수 : " + $("tr").length); }); }); </script> </head> <body> <h2>jQuery Properties</h2> <table border=1> <tr> <th style="width:20%">Property</th> <th>Description</th> </tr> <tr> <td><a>context</a></td> <td><span>Removed in version 3.0.</span> Contains the original context passed to jQuery()</td> </tr> <tr> <td><a id="href2" href="#">jquery</a></td> <td>Contains the jQuery version number</td> </tr> <tr> <td>jQuery.fx.interval</td> <td>Change the animation firing rate in milliseconds</td> </tr> <tr> <td>jQuery.fx.off</td> <td>Globally disable/enable all animations</td> </tr> <tr> <td><a id="href5" href="#">jQuery.support</a></td> <td>A collection of properties representing different browser features or bugs (Intended for jQuery's internal use)</td> </tr> <tr> <td><a id="href6" href="#">length</a></td> <td>Contains the number of elements in the jQuery object</td> </tr> </table> <hr> <h3>jQuery.support Property</h3> <table border=1> <tr> <th style="width:20%">Property</th> <th style="width:20%">Value</th> <th>Description</th> </tr> <tr> <td>jQuery.support.ajax</td> <td><label id="spanajax"></label></td> <td>This browser can create XMLHttpRequest object</td> </tr> <tr> <td>jQuery.support.checkClone</td> <td><label id="spancheckClone"></label></td> <td></td> </tr> <tr> <td>jQuery.support.noCloneChecked</td> <td><label id="spannoCloneChecked"></label></td> <td></td> </tr> <tr> <td>jQuery.support.clearCloneStyle</td> <td><label id="spanclearCloneStyle"></label></td> <td></td> </tr> <tr> <td>jQuery.support.boxSizingReliable</td> <td><label id="spanboxSizingReliable"></label></td> <td></td> </tr> <tr> <td>jQuery.support.pixelBoxStyles</td> <td><label id="spanpixelBoxStyles"></label></td> <td></td> </tr> <tr> <td>jQuery.support.pixelPosition</td> <td><label id="spanpixelPosition"></label></td> <td></td> </tr> <tr> <td>jQuery.support.reliableMarginLeft</td> <td><label id="spanreliableMarginLeft"></label></td> <td></td> </tr> <tr> <td>jQuery.support.scrollboxSize</td> <td><label id="spanscrollboxSize"></label></td> <td></td> </tr> <tr> <td>jQuery.support.checkOn</td> <td><label id="spancheckOn"></label></td> <td></td> </tr> <tr> <td>jQuery.support.optSelected</td> <td><label id="spanoptSelected"></label></td> <td></td> </tr> <tr> <td>jQuery.support.radioValue</td> <td><label id="spanradioValue"></label></td> <td></td> </tr> <tr> <td>jQuery.support.focusin</td> <td><label id="spanfocusin"></label></td> <td></td> </tr> <tr> <td>jQuery.support.cors</td> <td><label id="spancors"></label></td> <td></td> </tr> <tr> <td>jQuery.support.createHTMLDocument</td> <td><label id="spancreateHTMLDocument"></label></td> <td></td> </tr> </table> </body> </html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more