jQuery select下拉菜单复位效果
在实际应用中，可能需要复位select下拉菜单的选中项。
下面就通过代码实例介绍一下如何利用jquery实现此功能，代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="libs.baidu/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
$("#bt").click(function(){
$("#sel").find('option:first-child').attr('selected',"selected");
})
});
</script>
</head>
<body>
<select id="sel">
<option value="0">-请选择教程-</option>
<option value="1">css教程</option>
<option value="2">js教程</option>
<option value="3">div教程</option>
<option value="4">jquery教程</option>
</select>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>上面的代码实现了我们的要求，代码非常的简单，更多内容可以参阅相关阅读。
（1）.find()方法可以参阅jQuery find()一章节。
（2）.first-child可以参阅jQuery :first-child一章节。
（3）.attr()方法可以参阅jQuery attr()一章节。
猜您喜欢的源码
帝国cms大气简洁资讯文章博客源码电商资讯教程网站模板
帝国CMS7.5内核简洁热门资讯文章电商类网站综合类模板源码【内页（文章页、列表）标题，描述，严格的SEO标题规范，利于SEO】
声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至201542412@QQ.com举报，一经查实，本站将立刻删除。
相关推荐
-
outline两层边框代码实例
使用outlin属性可以实现多层边框效果。代码实例如下r co
-
checkbox复选框美化代码实例
默认状态下，chckbox复选框并不美观，虽然满足基本的需要。但是在美观度要求很高的网站中，实在是不堪入目，所以需要进行格外的美化。下面分享一个代码实例，它实现了复选框的美化效果。代码如下:!DO
-
<input type="file">美化效果代码实例
关于这里就不介绍了，大家应该都不会陌生。但是它默认的样式实在是丑陋，难登大雅之堂，下面就分享一段代码实例，它实现了对此控件的美化效果。代码实例如下:
-
javascript代码性能优化简单介绍
rint(重绘) ，rint发生更改时，元素的外观被改变，且在没有改变布局的情况下发生，如改变outlin,visibility,bckground color，不会影响到dom结构渲
-
js prototype属性使用代码实例
关于rototy属性的用法这里不多介绍了，具体可以参阅jvscrit rototy原型一章节。下面就分享一段关于rototy属性使用的代码实例，需要的朋友可以做一下参考。代码如
