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中的location用法简单介绍
Mar 07 Javascript
将string解析为json的几种方式小结
Nov 11 Javascript
深入解析JavaScript中的变量作用域
Dec 06 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
May 20 Javascript
javascript setinterval 的正确语法如何书写
Jun 17 Javascript
jquery  实现轮播图详解及实例代码
Oct 12 Javascript
Vue.js仿Metronic高级表格(一)静态设计
Apr 17 Javascript
Javascript ES6中对象类型Sets的介绍与使用详解
Jul 17 Javascript
Js面试算法详解
Apr 08 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
Jul 12 Javascript
使用 UniApp 实现小程序的微信登录功能
Jun 09 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
Oct 30 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控制linux服务器常用功能 关机 重启 开新站点等
2012/09/05 PHP
深入mysql_fetch_row()与mysql_fetch_array()的区别详解
2013/06/05 PHP
简单三步,搞掂内存泄漏
2007/03/10 Javascript
用unescape反编码得出汉字示例
2014/04/24 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
2016/04/29 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
2016/07/27 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
2016/08/08 Javascript
NodeJs模拟登陆正方教务
2017/04/28 NodeJs
使用RxJS更优雅地进行定时请求详析
2019/06/02 Javascript
vue+canvas实现移动端手写签名
2020/05/21 Javascript
[03:56]还原FTP电影首映式 DOTA2群星拼出遗迹世界
2014/03/26 DOTA
深度剖析使用python抓取网页正文的源码
2014/06/11 Python
Python实现优先级队列结构的方法详解
2016/06/02 Python
python正则分析nginx的访问日志
2017/01/17 Python
Python实现绘制双柱状图并显示数值功能示例
2018/06/23 Python
python版大富翁源代码分享
2018/11/19 Python
Python自定义一个类实现字典dict功能的方法
2019/01/19 Python
python实现AES加密和解密
2019/03/27 Python
Python DataFrame一列拆成多列以及一行拆成多行
2019/08/06 Python
详解python itertools功能
2020/02/07 Python
aws 通过boto3 python脚本打pach的实现方法
2020/05/10 Python
python如何进入交互模式
2020/07/06 Python
Python实现中英文全文搜索的示例
2020/12/04 Python
python 日志模块logging的使用场景及示例
2021/01/04 Python
美国奢侈品购物平台:Orchard Mile
2018/05/02 全球购物
最新计算机专业自荐信
2013/10/16 职场文书
门诊手术室工作制度
2014/01/30 职场文书
《美丽的南沙群岛》教学反思
2014/04/27 职场文书
爱岗敬业演讲稿
2014/05/05 职场文书
管理岗位竞聘演讲稿
2014/08/18 职场文书
员工年终自我评价
2014/09/14 职场文书
安全生产月标语
2014/10/07 职场文书
优秀员工事迹材料
2014/12/20 职场文书
幼儿园欢迎词范文
2015/01/26 职场文书
Windows Server 版本 20H2 于 8 月 9 日停止支持,Win10 版本 21H1 将于 12 月结束支
2022/07/23 数码科技