怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码，在编写代码时会经常出现下拉的菜单供我们选择，为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
jquer怎么给combobox加背景颜色
来源：互联网
2023-03-17 00:47:13 版权归原作者所有，如有侵权，请联系我们
combobox是Easyui提供的一个组合框组件，此篇我们来谈谈如何使用jquery给combobox增加背景色。
工具/原料
- jquery
- easy-ui组件库
方法/步骤
我们可以到Easyui官网下载到Easyui的组件库。
组件库解压后的结构大致如图。我们需要引入的只有themes/default下的sasyui.css，和根目录下的jquery.min.js与jquery.easyui.min.js
接着我们写一个简单的html页面进行测试，页面上放入两个combobox组件。
使用浏览器打开这个页面，查看最后生成的组件结构。我们可以看到Easyui将原有的select输入框隐藏（意味着我们对select的样式修改并不会影响到组件），并且在select输入框后加入一个span用于最终的操作。
需要使用jquery修改这部分的背景色，我们可以以id为选择器找到下一个span节点并为其赋上背景色。修改页面代码并查看显示效果。
显示的效果比对发现中间有一块未受到影响，我们可以在浏览器元素查看中看到这是一个text类型的输入框，因此我们还需要修改这个位置的样式。修改代码并查看效果。
目前为止，组件的背景色已经被改变了，但组件下拉项的背景色还未被改变。我们在浏览器元素查看里找到这个下拉项，发现Easyui在页面底部生成了一个div用于展示下拉项。
由于两个组件的下拉区域几乎没有区别，我们只能够根据元素区域位置来找到并修改这个样式，即如果是第一个组件，则取第一个div。如果是第二个组件则取第二个div。这里我选择了第一个进行修改，然后查看效果。
效果符合预期，并且我们将样式的侵入性尽可能的降低了，并未对另一个组件造成影响。
下面贴出最终生效的代码：
$('#cc').next('span').css("background-color","#00FFFF").find('input').css("background-color","#00FFFF");$('.combo-p').first().find('.panel-body').css("background-color","#00FFFF");
以上即是本篇的全部内容，感谢阅读。
注意事项
- 如果对于组件的修改希望是全局性的，用css修改相对而言会比较方便
- 在修改时尽量选择对样式的污染最小的方式
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JQUERY
上一篇：esayuiinput如何加单击事件 下一篇：ajax回调参数乱码怎么办
相关文章
- 详细阅读
-
jQuery MiniUI 快速入门详细阅读
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大，使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
-
怎么使用JQuery Mobile开发移动网站详细阅读
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是，可以做一个网站，基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY