几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
如何使用jQuery方法利用下拉框控制下拉框输入框
来源：互联网
2023-03-16 23:58:35 版权归原作者所有，如有侵权，请联系我们
在jQuery API中，可以使用css()方法设置DOM元素样式，比如设置字体属性、元素显示和隐藏、背景色填充、渐变属性等。下面利用一个实例说明如何使用css方法控制下拉框或输入框显示和隐藏，操作如下：
工具/原料
- HBuilder
- CSS3
- HTML5
- jQuery
- 浏览器
- 截图工具
方法/步骤
第一步，在打开的HBuilder编辑工具新建一个静态页面，引入jQuery核心文件，如下图所示：
第二步，在body>/body>标签内，插入两个select和一个input输入框，分别设置ID属性，如下图所示：
第三步，在jQuery初始化函数内，添加第一个下拉框的change事件，获取当前选中值，判断下拉框和输入框显示和隐藏，如下图所示：
第四步，保存代码并打开浏览器预览效果，可以发现第二个下拉框和输入框都显示出来了，如下图所示：
第五步，接着返回到HBuilder代码界面，将第二个下拉框添加一个style属性，如下图所示：
第六步，再次保存代码并预览界面显示效果，切换下拉框，可以发现起到作用了，如下图所示：
注意事项
- 注意使用下拉框选中的值控制其它元素或控件显示
- 注意调用jQuery中的方法设置样式
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JQUERYJAVASCRIPT
上一篇：html中id和name元素如何获取 下一篇：jsqrcode.js使用教程
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 256 JAVASCRIPT
- 详细阅读