jQuery中:input选择器用法实例
本文实例讲述了jQuery中:input选择器用法。分享给大家供大家参考。具体分析如下:
此选择器匹配所有的input元素。例如:<input type="text" />等等
$(":input")
实例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://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 隐藏和显示 input 默认值示例
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
-
jquery显示隐藏input对象
1 所属部门选择其他时 显示一个输入框进行填写 #html <select id='deptid' name='deptid' class="select" onchange='deptChange()'> <c:forEach var="item" items="${deptidList}" varStatus="status"> <option value='${item.value}'>
-
jQuery多个input求和的实现方法
本文实例讲述了jQuery多个input求和的实现方法.分享给大家供大家参考.具体实现方法如下: html页面代码如下: <td> <input name="add" id="add" readonly="readonly"/> </td> <pre name="code" class="html"><td> <input name=&quo
-
使用jQuery实现input数值增量和减量的方法
本文实例讲述了使用jQuery实现input数值增量和减量的方法.分享给大家供大家参考.具体分析如下: 在很多电商网站中,在购物车所在页面,涉及到商品数量的时候,都会提供一个+号按钮和-号按钮来实现增1和减1,并且只允许input中输入数值.Bootstrap TouchSpin这款插件就是针对此需求而写.(Bootstrap TouchSpin这款插件点击此处本站下载.) 首先引入必要的css和js文件. 复制代码 代码如下: <link href="bootstrap/css/boot
-
jQuery响应鼠标事件并隐藏与显示input默认值
分享下jQuery如何隐藏和显示 input 默认值的例子. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <
-
jquery实现勾选复选框触发事件给input赋值
代码如下: 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery点击复选框触发事件给input赋值-柯乐义</title><base target="_blank" /> <style type="text/css"> * { marg
-
jQuery不兼容input的change事件问题解决过程
最近开发一个项目,需要实现用户在WEB表单里的多个INPUT框中输入数量后,立即自动计算加总各项输入的数量之和,并显示在指定的INPUT框中,这个功能实现的原理是简单的,就是只需要在INPUT的onchange事件中计算加总并将结果赋给指定的INPUT框中即可实现,代码如下: 复制代码 代码如下: $("input.syxcost").change(function(){ computeReceivedsyxcost(); } function computeReceivedsy
-
jquery中$(#form :input)与$(#form input)的区别
$("form :input") 返回form中的所有表单对象,包括textarea.select.button等 $("form input")返回form中的所有input标签对象 form input 是属于层级选择器(将每一个选择器匹配到的元素合并后一起返回) form :input是属于表单选择器(匹配所有<input>.<textarea>.<select>.<button>元素)
-
js与jquery实时监听输入框值的oninput与onpropertychange方法
本文实例讲述了js与jquery实时监听输入框值的oninput与onpropertychange方法.分享给大家供大家参考.具体如下: 最近做过一个项目,需求是下拉框里自动匹配关键字,具体细节是实时监听文本框 value 值的变化,然后匹配相关内容. 初接项目,首先想到的是 JQ 里的 change,但是马上排除此方法,因为 change 是在文本框失去焦点时才会触发.曲线救国一下,想到用 keydown 来解决.其他一切还好,只是当不通过键盘操作,而是通过鼠标来复制粘贴时,这个事件是无法触发
-
jQuery中:input选择器用法实例
本文实例讲述了jQuery中:input选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配所有的input元素.例如:<input type="text" />等等 语法结构: 复制代码 代码如下: $(":input") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <me
-
jQuery中:enabled选择器用法实例
本文实例讲述了jQuery中:enabled选择器用法.分享给大家供大家参考.具体分析如下: 此选择器可以选取所有可用的元素. 语法结构: 复制代码 代码如下: $(":enabled") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $("input:enabled").css("background-color","red") 以上代码能够将可用的input元素的背景颜色
-
jQuery中:radio选择器用法实例
本文实例讲述了jQuery中:radio选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有单选按钮. 语法结构: 复制代码 代码如下: $(":radio") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
Jquery中基本选择器用法实例详解
本文实例讲述了Jquery中基本选择器用法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head
-
jQuery中:text选择器用法实例
本文实例讲述了jQuery中:text选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有的单行文本框. 语法结构: 复制代码 代码如下: $(":text") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
jQuery中:password选择器用法实例
本文实例讲述了jQuery中:password选择器用法,分享给大家供大家参考.具体分析如下: 此选择器能够选取所有密码框. 语法结构: 复制代码 代码如下: $(":password") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&quo
-
jQuery中:file选择器用法实例
本文实例讲述了jQuery中:file选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取类型为file的<input>元素. 语法结构: 复制代码 代码如下: $(":file") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" co
-
jQuery中:image选择器用法实例
本文实例讲述了jQuery中:image选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取类型为image的<input>元素. 千万不要弄成<img>标签. 语法结构: 复制代码 代码如下: $(":image") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta na
-
jQuery中:reset选择器用法实例
本文实例讲述了jQuery中:reset选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有重置按钮. 语法结构: 复制代码 代码如下: $(":reset") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
JQuery中层次选择器用法实例详解
本文实例讲述了JQuery中层次选择器用法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head
随机推荐
- 利用正则表达式将字符串分组示例代码
- JS匹配日期和时间的正则表达式示例
- Mongodb如何开启用户访问控制详解
- 基于jquery1.4.2的仿flash超炫焦点图播放效果
- Java、JavaScript、Oracle、MySQL中实现的MD5加密算法分享
- asp.net无法获取iis目录的问题解决方法
- PHP数据库操作之基于Mysqli的数据库操作类库
- Android 读写文件方法汇总
- js实现小窗口拖拽效果
- javascript 实现双击才能打开链接的方法
- PHP sprintf()函数用例解析
- C#中把字符串String转换为整型Int的小例子
- jQuery代码优化 遍历篇
- jquery打开直接跳到网页最下面、最低端实现代码
- node.js实现BigPipe详解
- asp.net 退出登陆(解决退出后点击浏览器后退问题仍然可回到页面问题)
- javascript iframe中打开文件,并检测iframe存在否
- JS实现图片点击后出现模态框效果
- SpringMVC适配器模式代码示例
- 详解如何优雅地在React项目中使用Redux