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 相关文章推荐
用js实现的检测浏览器和系统的函数
Apr 09 Javascript
js更优雅的兼容
Aug 12 Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
Jul 26 Javascript
jquery中load方法的用法及注意事项说明
Feb 22 Javascript
javascript实现类似java中getClass()得到对象类名的方法
Jul 27 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
Aug 17 Javascript
学习JavaScript设计模式(继承)
Nov 26 Javascript
js+css实现回到顶部按钮(back to top)
Mar 02 Javascript
jQuery模拟下拉框选择对应菜单的内容
Mar 07 Javascript
JavaScript实现简单的星星评分效果
May 18 Javascript
JavaScript中使用Spread运算符的八种方法总结
Jun 18 Javascript
Vue自定义全局弹窗组件操作
Aug 11 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 调试环境(IIS+PHP+MYSQL)
2007/01/10 PHP
PHP下操作Linux消息队列完成进程间通信的方法
2010/07/24 PHP
解析在apache里面给php写虚拟目录的详细方法
2013/06/24 PHP
Joomla实现组件中弹出一个模式(modal)窗口的方法
2016/05/04 PHP
PHP导出带样式的Excel示例代码
2016/08/28 PHP
php封装的smarty类完整实例
2016/10/19 PHP
微信第三方登录(原生)demo【必看篇】
2017/05/26 PHP
Javascript 中文字符串处理额外注意事项
2009/11/15 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
2011/09/17 Javascript
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
2013/04/08 Javascript
JS脚本defer的作用示例介绍
2014/01/02 Javascript
用javascript读取xml文件读取节点数据
2014/08/12 Javascript
JavaScript动态修改网页元素内容的方法
2015/03/21 Javascript
浅析javascript函数表达式
2016/02/10 Javascript
jQuery改变form表单的action,并进行提交的实现代码
2016/05/25 Javascript
基于d3.js实现实时刷新的折线图
2016/08/03 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
2017/05/26 Javascript
Vue.js实现一个todo-list的上移下移删除功能
2017/06/26 Javascript
React如何将组件渲染到指定DOM节点详解
2017/09/08 Javascript
使用Vue写一个datepicker的示例
2018/01/27 Javascript
javascript实现文件拖拽事件
2018/03/29 Javascript
Auto.js自动收取自己和好友蚂蚁森林能量脚本
2018/06/28 Javascript
Vue下拉框回显并默认选中随机问题
2018/09/06 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
2020/06/24 Javascript
Element Popover 弹出框的使用示例
2020/07/26 Javascript
vue-amap根据地址回显地图并mark的操作
2020/11/03 Javascript
[17:13]DOTA2 HEROS教学视频教你分分钟做大人-斯拉克
2014/06/13 DOTA
[08:17]Ti9 现场cosplay
2019/09/10 DOTA
Python使用matplotlib绘制动画的方法
2015/05/20 Python
python字符串过滤性能比较5种方法
2017/06/22 Python
pyhton列表转换为数组的实例
2018/04/04 Python
匡威西班牙官网:Converse西班牙
2019/10/01 全球购物
销售人员自我评价
2014/02/01 职场文书
环保项目建议书
2014/08/26 职场文书
七一活动主持词
2015/06/29 职场文书
python中出现invalid syntax报错的几种原因分析
2022/02/12 Python