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赋值
代码如下: 复制代码 代码如下: <!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显示隐藏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数值增量和减量的方法.分享给大家供大家参考.具体分析如下: 在很多电商网站中,在购物车所在页面,涉及到商品数量的时候,都会提供一个+号按钮和-号按钮来实现增1和减1,并且只允许input中输入数值.Bootstrap TouchSpin这款插件就是针对此需求而写.(Bootstrap TouchSpin这款插件点击此处本站下载.) 首先引入必要的css和js文件. 复制代码 代码如下: <link href="bootstrap/css/boot
-
jQuery多个input求和的实现方法
本文实例讲述了jQuery多个input求和的实现方法.分享给大家供大家参考.具体实现方法如下: html页面代码如下: <td> <input name="add" id="add" readonly="readonly"/> </td> <pre name="code" class="html"><td> <input name=&quo
-
js与jquery实时监听输入框值的oninput与onpropertychange方法
本文实例讲述了js与jquery实时监听输入框值的oninput与onpropertychange方法.分享给大家供大家参考.具体如下: 最近做过一个项目,需求是下拉框里自动匹配关键字,具体细节是实时监听文本框 value 值的变化,然后匹配相关内容. 初接项目,首先想到的是 JQ 里的 change,但是马上排除此方法,因为 change 是在文本框失去焦点时才会触发.曲线救国一下,想到用 keydown 来解决.其他一切还好,只是当不通过键盘操作,而是通过鼠标来复制粘贴时,这个事件是无法触发
-
jquery中$(#form :input)与$(#form input)的区别
$("form :input") 返回form中的所有表单对象,包括textarea.select.button等 $("form input")返回form中的所有input标签对象 form input 是属于层级选择器(将每一个选择器匹配到的元素合并后一起返回) form :input是属于表单选择器(匹配所有<input>.<textarea>.<select>.<button>元素)
-
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选择器用法实例
本文实例讲述了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
随机推荐
- php for 循环语句使用方法详细说明
- Angular 中 select指令用法详解
- sola 病毒使文件变成exe后的手工杀毒及修复方法
- JavaScript正则表达式替换字符串中图片地址(img src)的方法
- javascript判断ie浏览器6/7版本加载不同样式表的实现代码
- Javascript ES6中数据类型Symbol的使用详解
- Global.asax取绝对路径的方法
- PHP中文乱码解决方案
- BootStrap 超链接变按钮的实现方法
- Vim中列出TODO与FIXME等备注的方法
- java使用jdbc链接Oracle示例类分享
- jQuery可见性过滤选择器用法示例
- 一个统计表每天的新增行数及新增存储空间的功能
- python简单实现刷新智联简历
- JS匿名函数类生成方式实例分析
- 关于c语言指针的两处小tip分享
- php计算十二星座的函数代码
- C#事件实例详解
- JavaScript EventEmitter 背后的秘密 完整版
- 微信小程序数据统计和错误统计的实现方法