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中的作用域scope介绍
Dec 28 Javascript
javascript中创建对象的三种常用方法
Dec 30 Javascript
原生js写的放大镜效果
Aug 22 Javascript
javascript两种function的定义介绍及区别说明
May 02 Javascript
5款JavaScript代码压缩工具推荐
Jul 07 Javascript
JavaScript中的this使用详解
Jul 27 Javascript
jQuery简单自定义图片轮播插件及用法示例
Nov 21 Javascript
在网页中插入百度地图的步骤详解
Dec 02 Javascript
JavaScript正则表达式和级联效果
Sep 14 Javascript
详解PHP后期静态绑定分析与应用
Mar 21 Javascript
微信小程序canvas拖拽、截图组件功能
Sep 04 Javascript
ng-zorro-antd 入门初体验
Dec 03 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
桌面中心(三)修改数据库
2006/10/09 PHP
discuz程序的PHP加密函数原理分析
2011/08/05 PHP
PHP 下载文件时如何自动添加bom头及解释BOM头和去掉bom头的方法
2016/01/04 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
php的instanceof和判断闭包Closure操作示例
2020/01/26 PHP
JavaScript实现拼音排序的方法
2012/11/20 Javascript
js实现右下角可关闭最小化div(可用于展示推荐内容)
2013/06/24 Javascript
js中的数组Array定义与sort方法使用示例
2013/08/29 Javascript
JS中的log对象获取以及debug的写法介绍
2014/03/03 Javascript
laytpl 精致巧妙的JavaScript模板引擎
2014/08/29 Javascript
jQuery显示和隐藏 常用的状态判断方法
2015/01/29 Javascript
整理Javascript流程控制语句学习笔记
2015/11/29 Javascript
JavaScript构造函数详解
2015/12/27 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
AngularJS控制器详解及示例代码
2016/08/16 Javascript
angular forEach方法遍历源码解读
2017/01/25 Javascript
微信小程序实现图片上传、删除和预览功能的方法
2017/12/18 Javascript
JS拖拽排序插件Sortable.js用法实例分析
2019/02/20 Javascript
[01:10:16]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第一局
2016/02/27 DOTA
[54:45]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 Optic vs OG
2018/04/02 DOTA
Python爬虫基础之XPath语法与lxml库的用法详解
2018/09/13 Python
如何实现Django Rest framework版本控制
2019/07/25 Python
python中matplotlib条件背景颜色的实现
2019/09/02 Python
如何利用Python开发一个简单的猜数字游戏
2019/09/22 Python
python针对Oracle常见查询操作实例分析
2020/04/30 Python
CSS3实现粒子旋转伸缩加载动画
2016/04/22 HTML / CSS
HTML5移动开发图片压缩上传功能
2016/11/09 HTML / CSS
复古斯堪的纳维亚儿童服装:Baby go Retro
2017/09/09 全球购物
什么是数据库锁?Oracle中都有哪些类型的锁?
2015/08/21 面试题
超市促销活动方案
2014/03/05 职场文书
2014领导班子正风肃纪思想汇报
2014/09/18 职场文书
超强台风观后感
2015/06/09 职场文书
升学宴家长致辞
2015/07/27 职场文书
商务信函英语问候语
2015/11/10 职场文书
vite+vue3.0+ts+element-plus快速搭建项目的实现
2021/06/24 Vue.js
分布式Redis Cluster集群搭建与Redis基本用法
2022/02/24 Redis