jquery easyui $

jQuery EasyUI 的 $ 符号使用

jQuery EasyUI 是基于 jQuery 的 UI 插件库，其核心通过 $ 符号调用 jQuery 方法，并扩展了 EasyUI 特有的功能。以下是关键用法和注意事项：

基本选择器与初始化

EasyUI 组件通常通过 $ 选择 DOM 元素后调用 EasyUI 方法初始化。例如初始化一个 datagrid：

$('#dg').datagrid({
    url: 'data.json',
    columns: [[
        {field: 'id', title: 'ID'},
        {field: 'name', title: 'Name'}
    ]]
});

解决 $ 冲突

若页面中其他库（如 Prototype）占用了 $ 符号，需通过 jQuery.noConflict() 释放 $，改用 jQuery 替代：

var jq = jQuery.noConflict();
jq('#dg').datagrid({...});

动态加载与事件绑定

通过 $ 绑定 EasyUI 组件事件，如按钮点击触发对话框：

$('#btn').click(function(){
    $('#dlg').dialog('open');
});

方法调用与属性访问

使用 $ 获取组件实例并调用方法：

var grid = $('#dg');
grid.datagrid('reload'); // 重新加载数据
console.log(grid.datagrid('getSelected')); // 获取选中行

注意事项

• 确保 jQuery 在 EasyUI 之前引入，避免 $ 未定义错误。
• 部分 EasyUI 方法需在 DOM 加载完成后执行，推荐使用 $(document).ready() 包裹代码。
• 避免与其他 UI 库混用，可能导致样式或功能冲突。

如需进一步操作，参考 EasyUI 官方文档 中的 API 部分。