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 相关文章推荐
从阿里妈妈发现的几个不错的表单验证函数
Sep 21 Javascript
js event事件的传递与冒泡处理
Dec 06 Javascript
JavaScript DOM 学习第二章 编辑文本
Feb 19 Javascript
js实现用户注册协议倒计时的方法
Jan 21 Javascript
js实现的二级横向菜单条实例
Aug 22 Javascript
jquery插件EasyUI中form表单提交实例分享
Jan 11 Javascript
总结JavaScript设计模式编程中的享元模式使用
May 21 Javascript
AngularJS 中的事件详解
Jul 28 Javascript
基于Vuejs的搜索匹配功能实现方法
Mar 03 Javascript
vue非父子组件通信问题及解决方法
Jun 11 Javascript
ajax与jsonp的区别及用法
Oct 16 Javascript
mpvue微信小程序开发之实现一个弹幕评论
Nov 24 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
第十二节 类的自动加载 [12]
2006/10/09 PHP
php empty,isset,is_null判断比较(差异与异同)
2010/10/19 PHP
PHP操作XML作为数据库的类
2010/12/19 PHP
解析thinkphp基本配置 convention.php
2013/06/18 PHP
Laravel统一错误处理为JSON的方法介绍
2020/10/18 PHP
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
2009/06/02 Javascript
JavaScript性能陷阱小结(附实例说明)
2010/12/28 Javascript
『jQuery』取指定url格式及分割函数应用
2013/04/22 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
2014/02/19 Javascript
常用jQuery选择器总结
2014/07/11 Javascript
浅谈javascript中的instanceof和typeof
2015/02/27 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
2015/09/12 Javascript
JS+CSS实现闪烁字体效果代码
2016/04/05 Javascript
javascript弹出窗口中增加确定取消按钮
2016/06/24 Javascript
canvas实现弧形可拖动进度条效果
2017/05/11 Javascript
JS switch判断 三目运算 while 及 属性操作代码
2017/09/03 Javascript
vue下history模式刷新后404错误解决方法
2018/08/18 Javascript
JS实现的图片选择顺序切换和循环切换功能示例【测试可用】
2018/12/28 Javascript
javascript中数组的常用算法深入分析
2019/03/12 Javascript
vue-cli 3 全局过滤器的实例代码详解
2019/06/03 Javascript
Python常用字符串替换函数strip、replace及sub用法示例
2018/05/21 Python
在django中,关于session的通用设置方法
2019/08/06 Python
Docker部署Python爬虫项目的方法步骤
2020/01/19 Python
Django Xadmin多对多字段过滤实例
2020/04/07 Python
pandas之分组groupby()的使用整理与总结
2020/06/18 Python
python中字符串的编码与解码详析
2020/12/03 Python
香港通票:Hong Kong Pass
2019/02/26 全球购物
Yankee Candle官网:美国最畅销蜡烛品牌之一
2020/01/05 全球购物
服装公司总经理岗位职责
2013/11/30 职场文书
季度思想汇报
2014/01/01 职场文书
综合实践活动总结
2014/05/05 职场文书
介绍信的写法
2015/01/31 职场文书
小学生安全保证书
2015/05/09 职场文书
党风廉洁教育心得体会
2016/01/20 职场文书
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
2021/03/31 jQuery
Redis 彻底禁用RDB持久化操作
2021/07/09 Redis