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。