首頁 > web前端 > js教程 > 主體

jquery日曆組件開發內容的補充

不言
發布: 2018-09-07 15:52:56
原創
1193 人瀏覽過

這篇文章帶給大家的內容是關於jquery日曆元件開發知識的補充,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

`是一個新增加的運算符,表示模板字串。

var a = 10;
var b = "高兴";
var c = "手机";
var str = `好高兴啊,我买了一个${c},花了${a}元,我很${b}啊!`;
登入後複製
$(this.refs.span_container).append($("<span>111</span>")) 
$(this).append("<u></u>");
登入後複製

追加到span_container的後面
append() - 在被選元素的結尾插入內容
prepend() - 在被選元素的開頭插入內容

注意:追加元素節點時,帶有引號,否則追加不上

想要滾動效果的出現就不能讓rendr()參與進來,不能在render裡setsState,否則state一改變render重新啟用,頁面直接刷新,不會有動畫效果的出

jquery無法回應滾輪事件,只能裝插件
jquery.mousewheel.js

向上劃delta>0
向下劃delta<0

滾輪在這裡必須用stop(true,true)
滾輪在這裡用stop(true),滑動的太快會出現如下的累積事件

jquery日曆組件開發內容的補充

生命週期componentDidMount(){}主要寫時間委託、事件監聽

取得系統目前年月日

var d = new Date();
"year" : d.getFullYear(),"month" : d.getMonth() + 1,"day" : d.getDate(),
登入後複製

傳回哪個DOM 元素觸發了事件:

event.target
登入後複製
componentDidMount(){        
var self = this;
        $("html").click(function(event){
           //给最大的父元素加ref钩子
            var o = self.refs.BECanlendar;
            console.log($(event.target).parents(o).length==0){                
            //窗口的点击事件,当点击到外面的时候,length=0
            }
    });
    }
登入後複製

相關推薦:
Jquery日曆外掛程式製作簡單行事曆_jquery

jquery網頁行事曆顯示控制項calendar3.1使用詳解

以上是jquery日曆組件開發內容的補充的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!