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 相关文章推荐
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
Nov 14 Javascript
Javascript写入txt和读取txt文件示例
Feb 12 Javascript
js中实现多态采用和继承类似的方法
Aug 22 Javascript
script标签属性用type还是language
Jan 21 Javascript
JavaScript 变量、作用域及内存
Apr 08 Javascript
js实现微信分享代码
Oct 11 Javascript
JQuery用户名校验的具体实现
Mar 18 Javascript
Vue过滤器的用法和自定义过滤器使用
Feb 08 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
Feb 08 Javascript
关于webpack2和模块打包的新手指南(小结)
Aug 07 Javascript
VUE Error: getaddrinfo ENOTFOUND localhost
May 03 Javascript
Node.js中的child_process模块详解
Jun 08 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
MVC模式的PHP实现
2006/10/09 PHP
第十五节--Zend引擎的发展
2006/11/16 PHP
PDO版本问题 Invalid parameter number: no parameters were bound
2013/01/06 PHP
PHP实现根据浏览器跳转不同语言页面代码
2013/08/02 PHP
PHP实现数据库统计时间戳按天分组输出数据的方法
2017/10/10 PHP
php 可变函数使用小结
2018/06/12 PHP
msn上的tab功能Firefox对childNodes处理的一个BUG
2008/01/21 Javascript
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
Jquery iframe内部出滚动条
2010/02/11 Javascript
动态加载js和css(外部文件)
2013/04/17 Javascript
特殊情况下如何获取span里面的值
2014/05/20 Javascript
js性能优化技巧
2015/11/29 Javascript
JS实现支持Ajax验证的表单插件
2016/03/24 Javascript
nodejs处理图片的中间件node-images详解
2017/05/08 NodeJs
vue组件之Alert的实现代码
2017/10/17 Javascript
vue脚手架及vue-router基本使用
2018/04/09 Javascript
js中时间格式化的几种方法
2018/07/22 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
2020/05/13 Javascript
记录一次websocket封装的过程
2020/11/23 Javascript
[04:54]DOTA2 2017国际邀请赛:上届冠军WINGS采访短片
2017/08/09 DOTA
Python3中多线程编程的队列运作示例
2015/04/16 Python
python flask中静态文件的管理方法
2018/03/20 Python
Pyinstaller将py打包成exe的实例
2018/03/31 Python
Python利用requests模块下载图片实例代码
2019/08/12 Python
使用python的turtle函数绘制一个滑稽表情
2020/02/28 Python
Html5如何唤起百度地图App的方法
2019/01/27 HTML / CSS
de Bijenkorf比利时官网:荷兰最知名的百货商店
2017/06/29 全球购物
英国美发和美容产品商城:HQhair
2019/02/08 全球购物
iHerb俄罗斯:维生素、补品和天然产品
2020/07/09 全球购物
单身联谊活动方案
2014/01/29 职场文书
遵纪守法演讲稿
2014/05/23 职场文书
正风肃纪剖析材料
2014/09/30 职场文书
2016年先进教师个人事迹材料
2016/02/26 职场文书
教师节作文之小学四年级
2019/09/03 职场文书
解析Java中的static关键字
2021/06/14 Java/Android
python接口测试返回数据为字典取值方式
2022/02/12 Python