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 面向对象编程  function是方法(函数)
Sep 17 Javascript
jquery 插件开发备注
Aug 27 Javascript
jQuery中offset()方法用法实例
Jan 16 Javascript
JavaScript数据结构与算法之栈详解
Mar 12 Javascript
JavaScript实现信用卡校验方法
Apr 07 Javascript
js钢琴按钮波浪式图片排列效果代码分享
Aug 26 Javascript
JSON遍历方式实例总结
Dec 07 Javascript
通过jquery实现页面的动画效果(实例代码)
Sep 18 Javascript
Vue动态实现评分效果
May 24 Javascript
详解Vue3中对VDOM的改进
Apr 23 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
Dec 26 Vue.js
详解Js模块化的作用原理和方案
Apr 29 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
全国FM电台频率大全 - 12 安徽省
2020/03/11 无线电
解析PHP无限级分类方法及代码
2013/06/21 PHP
PHP json_encode() 函数详解及中文乱码问题
2015/11/05 PHP
php学习笔记之mb_strstr的基本使用
2018/02/03 PHP
thinkPHP5框架闭包函数与子查询传参用法示例
2018/08/02 PHP
laravel 解决crontab不执行的问题
2019/10/22 PHP
javascript 静态对象和构造函数的使用和公私问题
2010/03/02 Javascript
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
2012/10/11 Javascript
Node.js事件驱动
2015/06/18 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
2015/11/17 Javascript
jQuery绑定事件-多种实现方式总结
2016/05/09 Javascript
BOM系列第二篇之定时器requestAnimationFrame
2016/08/17 Javascript
vue axios同步请求解决方案
2017/09/29 Javascript
vue自定义表单生成器form-create使用详解
2019/07/19 Javascript
微信小程序如何获取用户头像和昵称
2019/09/23 Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
2020/07/20 Javascript
如何在VUE中使用vue-awesome-swiper
2021/01/04 Vue.js
Node.js中的异步生成器与异步迭代详解
2021/01/31 Javascript
python开发之函数定义实例分析
2015/11/12 Python
Fabric 应用案例
2016/08/28 Python
浅谈Python基础之I/O模型
2017/05/11 Python
pycharm设置注释颜色的方法
2018/05/23 Python
使用pandas read_table读取csv文件的方法
2018/07/04 Python
python调用java的jar包方法
2018/12/15 Python
python lambda函数及三个常用的高阶函数
2020/02/05 Python
Python第三方库的几种安装方式(小结)
2020/04/03 Python
keras的siamese(孪生网络)实现案例
2020/06/12 Python
基于ccs3的timeline时间线实现方法
2020/04/30 HTML / CSS
HTML5中5个简单实用的API(第二篇,含全屏、可见性、拍照、预加载、电池状态)
2014/05/07 HTML / CSS
在HTML5中使用MathML数学公式的简单讲解
2016/02/19 HTML / CSS
爱淘宝:淘宝网购物分享平台
2017/04/28 全球购物
2014年人民警察入党思想汇报
2014/10/12 职场文书
幼儿园家长工作总结2015
2015/04/25 职场文书
社区青年志愿者活动总结
2015/05/06 职场文书
2016年“5.12”护士节慰问信
2015/11/30 职场文书
Python爬虫网络请求之代理服务器和动态Cookies
2022/04/12 Python