基础介绍:

JQuery ID选择器$("#myELement")JQuery Class 选择器$(".myClass")

查看更多JQuery选择器语法JQuery语法在线文档

// 如下是Eova控件-文本框,经过浏览器渲染后的html代码(谷歌浏览器右键>检查/审查)
<div class="eova-text" id="nickname" data-options="">
  <input type="text" autocomplete="off" name="query_nickname" style="width: 158px;">
  <i class="ei" title="点击清空文本"></i>
</div>

// 获取文本框DOM
var $nickname = $('#nickname');
// 禁用文本框
$nickname.mask();
// 解禁文本框
$nickname.unmask();
// 同理获取其它控件类型的DOM也一样

Eova一直以简单为原则,所以没有对前端做过渡封装,仅提供关键常用的封装,其它的一切使用原生方案.如下是EovaUI封装的常用方法

var $xxx = $('#控件ID'); // 控件ID=元字段名,不知道也可以通过审查元素查看DOM上的ID
// 查找框值变更
$xxx.eovafind({onChange: function (oldValue, newValue) {
    // 事件内逻辑
}});
// 下拉框值变更
$xxx.eovacombo({onChange: function (oldValue, newValue) {
    // 事件内逻辑
}});
// 下拉树值变更
$xxx.eovacombotree({onChange: function (oldValue, newValue) {
    // 事件内逻辑
}});
// 文本框值变更(文本框只有一个值)
$xxx.eovatext({onChange: function (value) {
    alert(value);
}});
// 也可以自行用JQuery实现
$xxx.bind("propertychange input", function() {
    if(flag){return;}flag = true;
        setTimeout(function () {
            console.log('input event');
            flag = false;
    }, 100);
});
// 同理其它更多原生写法,自行百度即可
// 文本框取值/赋值
$xxx.eovatext().getValue();
$xxx.eovatext().setValue(123);
// 查找框取值/赋值
$xxx.eovafind().getValue();
$xxx.eovafind().getValues();
$xxx.eovafind().setValue();
$xxx.eovafind().setValues();
// 下拉框取值/赋值
$xxx.eovacombo().getValue();
$xxx.eovacombo().getValues();
$xxx.eovacombo().setValue();
$xxx.eovacombo().setValues();
// 下拉树取值/赋值
$xxx.eovacombotree().getValue();
$xxx.eovacombotree().getValues();
$xxx.eovacombotree().setValue();
$xxx.eovacombotree().setValues();
// DIY_JS中判断当业务场景
if(EOVA_FORM && (EOVA_FORM == "add")){
    // 新增的特殊处理
}
if(EOVA_FORM && (EOVA_FORM == "update")){
    // 修改的特殊处理    
}
if(EOVA_FORM && (EOVA_FORM == "detail")){
    // 详情的特殊处理
}