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匿名函数的一种应用 代码封装
Jun 27 Javascript
jquery及原生js获取select下拉框选中的值示例
Oct 25 Javascript
Ajax同步与异步传输的示例代码
Nov 21 Javascript
javascript实现五星评价代码(源码下载)
Aug 11 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
Oct 08 Javascript
AngularJs验证重复密码的方法(两种)
Nov 25 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
Feb 04 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
Mar 22 Javascript
es6中的解构赋值、扩展运算符和rest参数使用详解
Sep 28 Javascript
详解JQuery基础动画操作
Apr 12 jQuery
Vue数据绑定简析小结
May 07 Javascript
微信小程序indexOf的替换方法(推荐)
Jan 14 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的Yii框架的基本使用示例
2015/08/21 PHP
Zend Framework动作助手Json用法实例分析
2016/03/05 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
Laravel实现ApiToken认证请求
2019/10/14 PHP
Javascript Throttle &amp; Debounce应用介绍
2013/03/19 Javascript
NodeJs基本语法和类型
2015/02/13 NodeJs
Javascript使用post方法提交数据实例
2015/08/03 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
2016/06/20 Javascript
JS实现环形进度条(从0到100%)效果
2016/07/05 Javascript
jQuery实现简洁的轮播图效果实例
2016/09/07 Javascript
Javascript从数组中随机取出不同元素的两种方法
2016/09/22 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
Angular2学习笔记——详解路由器模型(Router)
2016/12/02 Javascript
React-router 4 按需加载的实现方式及原理详解
2017/05/25 Javascript
详解如何实现一个简单的Node.js脚手架
2017/12/04 Javascript
node实现基于token的身份验证
2018/04/09 Javascript
JavaScript常用数组操作方法,包含ES6方法
2020/05/10 Javascript
JavaScript变量提升和严格模式实例分析
2019/01/27 Javascript
Vue触发隐藏input file的方法实例详解
2019/08/14 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
2020/07/22 Javascript
[20:39]DOTA2-DPC中国联赛 正赛开幕式 1月18日
2021/03/11 DOTA
python 数据加密代码
2008/12/24 Python
python将人民币转换大写的脚本代码
2013/02/10 Python
spyder常用快捷键(分享)
2017/07/19 Python
Python基于Matplotlib库简单绘制折线图的方法示例
2017/08/14 Python
python射线法判断检测点是否位于区域外接矩形内
2019/06/28 Python
html5通过postMessage进行跨域通信的方法
2017/12/04 HTML / CSS
英国、欧洲和全球租车服务:Avis英国
2016/08/29 全球购物
ToysRus日本官网:玩具反斗城
2018/09/08 全球购物
化工专业推荐信范文
2013/11/28 职场文书
青年文明号口号
2014/06/17 职场文书
2014年收银工作总结
2014/11/13 职场文书
单位实习鉴定评语
2015/01/04 职场文书
《游戏公平》教学反思
2016/02/20 职场文书
Go语言-为什么返回值为接口类型,却返回结构体
2021/04/24 Golang
Win11怎么启动任务管理器?Win11启动任务管理器的几种方法
2021/11/23 数码科技