jQuery匹配指定type类型input元素

快乐打工仔 分类:实例代码

jQuery匹配指定type类型input元素属于前端实例代码,有关更多实例代码大家可以查看

input元素因为type属性的原因分为很多类型,可能在实际应用中需要单独对某一类型的input元素进行匹配。

下面就通过代码实例介绍一下如何利用jQuery实现此功能。

代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
  var val=$("input[type=button]").val();
  $("#show").text(val);
}) 
</script> 
</head> 
<body> 
<input type="text" value="犀牛前端部落"/><br/>
<input type="button" value="查看效果"/><br/>
<input type="checkbox" value="1"/>
<div id="show"></div>
</body> 
</html>

上面的代码可以只获取type属性值为button的value属性值。

关于属性选择器可以参阅jQuery [attribute=value]一章节。

jQuery匹配指定type类型input元素,这样的场景在实际项目中还是用的比较多的,关于jQuery匹配指定type类型input元素就介绍到这了。

回复

我来回复
  • 暂无回复内容