前端常用代码

最后更新于: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(); ~~~
';