jQuery · 前端开发

【】测试jQuery是否运行： ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://code.jquery.com/jquery-3.5.1.js"></script> </head> <body> </body> <script> $(document).ready(function(){ alert('it work'); }); </script> </html> ~~~ 【】jqueryui的简单例子： ![](https://box.kancloud.cn/21b7b2f1590085510fdb70970184ac7d_1178x468.jpg) 【参考】： http://jqueryui.com/sortable/ jquery模型：【取消当前页面鼠标右击事件】： ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> test </body> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>  <script> $(function() { $(document).bind("contextmenu",function(e){ return false; }); }); </script>  <script> $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); </script>  <script> window.onload = function(){ //去掉默认的contextmenu事件，否则会和右键事件同时出现。 document.oncontextmenu = function(e){ e.preventDefault(); }; } </script> </html> ~~~ 用bind绑定， ~~~ <script> $(function(){ $(document).bind("contextmenu",function(e){ return false; }); $(document).bind("contextmenu",function(e){ return true; }); }); </script> ~~~ 同一页面先后次序效果： ~~~  <script> window.onload = function(){ //去掉默认的contextmenu事件，否则会和右键事件同时出现。 document.oncontextmenu = function(e){ e.preventDefault(); }; } window.onload = function(){ //去掉默认的contextmenu事件，否则会和右键事件同时出现。 document.oncontextmenu = function(e){ e.Default(); }; } </script>  <script> $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return true; }); }); </script>  <script> $(function() { $(document).bind("contextmenu",function(e){ return false; }); }); $(function() { $(document).bind("contextmenu",function(e){ return true; }); }); </script> ~~~ 在codeigniter的全局变量中，只认false。