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 相关文章推荐
Javascript 模式实例 观察者模式
Oct 24 Javascript
javascript学习笔记(二) js一些基本概念
Jun 18 Javascript
javascript Array.prototype.slice的使用示例
Nov 14 Javascript
JSONP跨域的原理解析及其实现介绍
Mar 22 Javascript
JavaScript+Java实现HTML页面转为PDF文件保存的方法
May 30 Javascript
JavaScript代码里的判断小结
Aug 22 Javascript
xmlplus组件设计系列之图标(ICON)(1)
May 05 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
Jun 12 Javascript
iview给radio按钮组件加点击事件的实例
Sep 30 Javascript
js阻止默认右键的下拉菜单方法
Jan 02 Javascript
express默认日志组件morgan的方法
Apr 05 Javascript
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
Jul 31 jQuery
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
Windows下的PHP5.0详解
2006/11/18 PHP
简单谈谈PHP vs Node.js
2015/07/17 PHP
深入理解php printf() 输出格式化的字符串
2016/05/23 PHP
实现php删除链表中重复的结点
2018/09/27 PHP
javascript实现划词标记+划词搜索功能
2007/03/06 Javascript
javascript 正则替换 replace(regExp, function)用法
2010/05/22 Javascript
ExtJS4 组件化编程,动态加载,面向对象,Direct
2011/05/12 Javascript
基于Jquery的文字自动截取(提供源代码)
2011/08/09 Javascript
JS中数组Array的用法示例介绍
2014/02/20 Javascript
javascript为下拉列表动态添加数据项
2014/05/23 Javascript
SuperSlide2实现图片滚动特效
2014/06/20 Javascript
jquery实现标签上移、下移、置顶
2015/04/26 Javascript
js跨域请求数据的3种常用的方法
2015/12/01 Javascript
利用CSS3在Angular中实现动画
2016/01/15 Javascript
移动端脚本框架Hammer.js
2016/12/15 Javascript
超全面的javascript中变量命名规则
2017/02/09 Javascript
为JQuery EasyUI 表单组件增加焦点切换功能的方法
2017/04/13 jQuery
详解基于vue-cli优化的webpack配置
2017/11/06 Javascript
vue-cli axios请求方式及跨域处理问题
2018/03/28 Javascript
微信公众平台 发送模板消息(Java接口开发)
2019/04/17 Javascript
解析Python编程中的包结构
2015/10/25 Python
Tornado高并发处理方法实例代码
2018/01/15 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
对Python 数组的切片操作详解
2018/07/02 Python
解决Pytorch训练过程中loss不下降的问题
2020/01/02 Python
CSS实现雨滴动画效果的实例代码
2019/10/08 HTML / CSS
美国嘻哈首饰购物网站:Hip Hop Bling
2016/12/30 全球购物
分厂厂长岗位职责
2013/12/29 职场文书
12岁生日感言
2014/01/21 职场文书
工作表现自我评价
2014/02/08 职场文书
金融管理专业毕业生求职信
2014/03/12 职场文书
小学生作文评语大全
2014/04/21 职场文书
活动总结报告格式
2014/05/09 职场文书
2014年纪委工作总结
2014/12/05 职场文书
小学校长个人总结
2015/03/03 职场文书
Golang二维数组的使用方式
2021/05/28 Golang