在WordPress或Elementor中，我對jQuery主要是求「應用」，所以在本站，不會花費太多間講求jQuery的原理，只求可以「速用」效果，或是以「趣味學習」的方式為主要精神!
在不講過多原理的前提，我直接把jQuery的起手式語法貼出來，以後在Elementor單頁加入jQuery語法或是全站式加入jQuery語法，都會用以下的「起手式」來寫入各種想要的效果程式。
jQuery起手式語法 :
在WordPress中，要用jQuery來控制頁面或修改外掛產生的頁面效果，都必須等待「頁面完全載入完畢」後才執行jQuery，所以以下的起手式中所寫的程式語法，一定都會在『 頁面(含所有DOM元素、圖片)載入完才執行!』，如果不等頁面完就執行你寫的jQuery程式，有時候明明程式沒寫錯但偏偏就是沒產生執行效果(這在修改Elementor或Woocommerce時特別會發生)，這之前我閉門造車研究超久都找不出原因，原來就是「執行順序」的問題，所以以後在WordPress或Elementor中要寫jQuery時都使用下列的起手式語法就不會再產生上述的問題。
起手式語法範例
<script>
( function($) {
$(window).on('load', function(){
//======================================
setTimeout(function() {
//alert();
}, 1000);
//這裡開始寫jQuery程式
//例如寫一些點擊事件...
alert("頁面(含所有DOM元素、圖片)都載入完畢!");
//======================================
});
})(jQuery);
</script>
上面代碼有一行 setTimeout(function() {}, 1000); → 主要是用來延遲1秒執行，在WordPress中有時候有些元素它是動態載入或載入較慢完成，故有時會發生明明程式無錯誤卻執行時起不了作用，特別是在Woocommerce相關頁面時會發生，故會適時視需求加入延遲1秒執行。
起手式就先介紹到這裡，接下後面的文章將會教導一些在WordPress裡面常用到的「事件」效果!
