前端常用代码
最后更新于:2022-04-01 23:46:18
基础介绍:
JQuery ID选择器
$("#myELement")
JQuery Class 选择器
$(".myClass")
[查看更多JQuery选择器语法](http://note.youdao.com/noteshare?id=fc592a96859311c06aac68aba9a1d217&sub=78F65EC81BCC4E50998B6FA4A36CCB75)
[JQuery语法在线文档](http://jquery.cuishifeng.cn/)
~~~
// 如下是Eova控件-文本框,经过浏览器渲染后的html代码(谷歌浏览器右键>检查/审查)
~~~
~~~
// 获取文本框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();
~~~
';