jQuery中:text选择器用法实例


Posted in Javascript onJanuary 03, 2015

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

此选择器能够选取所有的单行文本框。

语法结构:

$(":text")

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

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

<title>三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("#btn").click(function(){ 

    $(":text").css("background-color","red"); 

  }); 

}); 

</script>

</head>

<body>

<ul>

  <li>

    不可用文本框:<input type="text" name="zhuanqu" disabled="disabled" />

    可用的文本框:<input type="text" name="keyong" />

  </li>

</ul>

<button id="btn">点击查看效果</button>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
JS IE和FF兼容性问题汇总
Feb 09 Javascript
JavaScript OOP类与继承
Nov 15 Javascript
精通Javascript系列之Javascript基础篇
Jun 07 Javascript
Bootstrap选项卡动态切换效果
Nov 28 Javascript
AngularJS2中一种button切换效果的实现方法(二)
Mar 27 Javascript
微信小程序动态添加分享数据
Jun 14 Javascript
js判断用户是输入的地址请求的路径(实例讲解)
Jul 18 Javascript
微信小程序实现流程进度的图样式功能
Jan 16 Javascript
基于Vue渲染与插件的加载顺序的问题详解
Mar 05 Javascript
vue 实现全选全不选的示例代码
Mar 29 Javascript
vue iview多张图片大图预览、缩放翻转
Jul 13 Javascript
Nautil 中使用双向数据绑定的实现
Oct 02 Javascript
JS打开新窗口防止被浏览器阻止的方法
Jan 03 #Javascript
jQuery中:input选择器用法实例
Jan 03 #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
You might like
php中文件上传的安全问题
2006/10/09 PHP
php opendir()列出目录下所有文件的实例代码
2016/10/02 PHP
PHP设计模式之模板模式定义与用法详解
2018/12/20 PHP
COM中获取JavaScript数组大小的代码
2009/11/22 Javascript
解析使用js判断只能输入数字、字母等验证的方法(总结)
2013/05/14 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
2020/09/12 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
全面解析Javascript无限添加QQ好友原理
2016/06/15 Javascript
第四篇Bootstrap网格系统偏移列和嵌套列
2016/06/21 Javascript
同步异步动态引入js文件的几种方法总结
2016/09/23 Javascript
Angular.js中$apply()和$digest()的深入理解
2016/10/13 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
2017/04/03 jQuery
anime.js 实现带有描边动画效果的复选框(推荐)
2017/12/24 Javascript
JS实现不用中间变量temp 实现两个变量值得交换方法
2018/02/04 Javascript
详解ES6中的 Set Map 数据结构学习总结
2018/11/06 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
2018/11/21 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
2019/05/09 Javascript
[50:58]2018DOTA2亚洲邀请赛3月29日 小组赛A组OpTic VS Newbee
2018/03/30 DOTA
python多重继承实例
2014/10/11 Python
Python实现基于HTTP文件传输实例
2014/11/08 Python
Python运行报错UnicodeDecodeError的解决方法
2016/06/07 Python
python实现k-means聚类算法
2018/02/23 Python
替换python字典中的key值方法
2018/07/06 Python
Python实现正则表达式匹配任意的邮箱方法
2018/12/20 Python
24式加速你的Python(小结)
2019/06/13 Python
英国在线珠宝店:The Jewel Hut
2017/03/20 全球购物
德国咖啡批发商:Coffeefair
2019/08/26 全球购物
哈萨克斯坦最大的时装、鞋子和配饰在线商店:Lamoda.kz
2019/11/19 全球购物
Ruby中的保护方法和私有方法与一般面向对象程序设计语言的一样吗
2013/05/01 面试题
大四自我鉴定
2014/02/08 职场文书
2014年机关植树节活动方案
2014/02/27 职场文书
公司办公室岗位职责
2014/03/19 职场文书
企业管理标语
2014/06/10 职场文书
婚礼父母致辞
2015/07/28 职场文书
Python爬取用户观影数据并分析用户与电影之间的隐藏信息!
2021/06/29 Python