编程 Javascript

jQuery中:input选择器用法实例

Posted in Javascript onJanuary 03, 2015

本文实例讲述了jQuery中:input选择器用法。分享给大家供大家参考。具体分析如下：

此选择器匹配所有的input元素。例如：<input type="text" />等等

语法结构:

$(":input")

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<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选择器用法实例

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript jQuery插件练习

Dec 24 Javascript

jquery 实现表单验证功能代码(简洁)

Jul 03 Javascript

js固定DIV高度,超出部分自动添加滚动条的简单方法

Jul 10 Javascript

ECMAScript6块级作用域及新变量声明（let）

Jun 12 Javascript

JavaScript的Backbone.js框架的一些使用建议整理

Feb 14 Javascript

JS实现物体带缓冲的间歇运动效果示例

Dec 22 Javascript

JavaScript获取ul中li个数的方法

Feb 13 Javascript

使用vue和datatables进行表格的服务器端分页实例代码

Jun 07 Javascript

jquery Ajax实现Select动态添加数据

Jun 08 jQuery

js学习心得_一个简单的动画库封装tween.js

Jul 14 Javascript

vue登录注册及token验证实现代码

Dec 14 Javascript

js中的面向对象之对象常见创建方法详解

Dec 16 Javascript

jQuery中:only-child选择器用法实例

Jan 03 #Javascript

js中取得变量绝对值的方法

Jan 03 #Javascript

基于豆瓣API+Angular开发的web App

Jan 02 #Javascript

node爬取微博的数据的简单封装库nodeweibo使用指南

Jan 02 #Javascript

AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录

Jan 02 #Javascript

javascript制作的cookie封装及使用指南

Jan 02 #Javascript

分享一则javascript 调试技巧

Jan 02 #Javascript