Kendo UI目前最新提供KendoUI for jQuery、KendoUI for Angular、KendoUI Support for React和KendoUI Support for Vue四個控件。Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的完整UI庫。

所有Web Kendo UI小部件都保留對元素和封裝DOM元素的引用，并且所有混合Kendo UI小部件僅保留對元素DOM元素的引用。

element是初始化窗口小部件的元素。根據(jù)窗口小部件，元素可以是可見的（例如，在AutoComplete，Calendar和DatePicker中），也可以是隱藏的（例如，在DropDownList和Upload中）。 初始化語句也返回對此元素的引用。 從窗口小部件對象獲取窗口小部件元素的引用是一種相對罕見的情況，但在特定情況下可能會有所幫助，尤其是當(dāng)您想要避免在jQuery選擇器中對ID進(jìn)行硬編碼時(shí)。

wrapper是最外層的元素，它是widget的一部分。 根據(jù)窗口小部件和場景，包裝器可能與元素相同。 例如，如果從<div>初始化Grid，則兩個引用匹配；如果從<table>初始化Grid，則元素指向<table>，而包裝器指向<div>。在DOM或CSS操作期間可能需要對窗口小部件包裝器的引用。例如，要隱藏窗口小部件，您需要隱藏包裝器。 隱藏元素可能會部分隱藏窗口小部件或根本不隱藏它。 wrapper也是最適合附加自定義CSS類的HTML節(jié)點(diǎn)。

以下示例演示如何使用element和wrapper引用。

<div id="myWindow">…window content…</div>
<script>
// Initialize the widget which also returns the widget element.
var winElement1 = $("#myWindow").kendoWindow( { /*…*/ } ); // Returns div#myWindow as ajQuery object.
var winObject = $("#myWindow").data("kendoWindow");

// Other ways to get the widget element.
var winElement2 = $("#myWindow");
var winElement3 =$("#myWindow").data("kendoWindow").element; // Returnsdiv#myWindow as a jQuery object.
var winElement4 = winObject.element;

// Get the wrapper.
var winWrapper1 =$("#myWindow").data("kendoWindow").wrapper; // Returnsdiv.k-window as a jQuery object.
var winWrapper2 = winObject.wrapper; // returns div.k-window as a jQuery object
</script>