jQuery中:input选择器用法实例
更新时间：2015年01月03日 10:39:24 投稿：shichen2014
这篇文章主要介绍了jQuery中:input选择器用法,以实例形式较为详细的分析了:input选择器的功能、定义及匹配input元素时的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery中:input选择器用法。分享给大家供大家参考。具体分析如下：
此选择器匹配所有的input元素。例如：<input type="text" />等等
语法结构:
复制代码 代码如下:
$(":input")
实例代码:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>:input选择器-脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(":input").hide();
});
});
</script>
</head>
<body>
<ul>
<li><input type="checkbox" value="aihao" />读书</li>
</ul>
<button>点击查看效果</button>
</body>
</html>
以上代码，点击按钮后可以将input元素隐藏。
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
Jquery+WebService 校验账号是否已被注册的代码
在Javascirpt代码中，调用Jquery的方法$.Ajax(function)实现Ajax,传递账号信息给Web服务，Web服务再调用数据库操作类查询数据库，并返回数据给前台页面。2010-07-07
此效果在网上使用的频率比较多一点但大多是插件，要么JS写的太过于复杂童鞋们看起来有一定的难度，这个相对来说比较简单一点,感兴趣的可以参考下哈2013-03-03
这篇文章主要介绍了jQuery实现时尚漂亮的弹出式对话框,可实现非常炫目时尚的弹出式对话框功能,非常具有实用价值,需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了layui导航栏效果的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码，需要的朋友可以参考下。2011-07-07
在jquery中，jquery动画事件和动画函数经常用的到，今天小编抽时间给大家整理了些关于常用的jquery动画事件和动画函数，对jquery动画函数和动画事件相关知识感兴趣的朋友一起学习吧2022-12-12
jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)
单击删除按钮或者登陆按钮后，弹出对话框问你是否删除或者弹出一个登陆对话框，本文使用jquery来实现这种效果，需要的朋友可以参考下2014-04-04
本篇文章主要介绍了ThinkPHP+jquery实现“加载更多”功能代码，以实例代码讲诉了加载更多的代码实现,非常具有实用价值,需要的朋友可以参考下2017-03-03
本节主要介绍两点：1.缓存问题 2.中文问题2011-10-10
这篇文章主要为大家详细介绍了jquery实现无缝轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
最新评论