jQuery中:text选择器用法实例

 更新时间:2015年01月03日 11:26:02   投稿:shichen2014  
这篇文章主要介绍了jQuery中:text选择器用法,以实例形式较为详细的分析了text选择器的功能、定义及匹配单行文本框的使用技巧,需要的朋友可以参考下

本文实例讲述了jQuery中:text选择器用法。分享给大家供大家参考。具体分析如下:

此选择器能够选取所有的单行文本框。

语法结构:

复制代码 代码如下:
$(":text")

实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<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程序设计有所帮助。

相关文章

  • jquery 学习之一 对象访问

    jquery 学习之一 对象访问

    jquery 学习之一 对象访问整理,学习jquery的朋友可以参考下。
    2010-11-11
  • jquery获取文档高度和窗口高度汇总

    jquery获取文档高度和窗口高度汇总

    本文主要给大家汇总介绍了了jQuery获取页面及个元素高度、宽度的方法,非常的实用,有需要的小伙伴可以参考下。下面的例子是基于jquery的参数与方法来快速获取文档或浏览器可视区域的高度与宽度的代码,希望本例子能给你带来一些帮助。
    2016-01-01
  • 基于jquery实现轮播特效

    基于jquery实现轮播特效

    这篇文章主要为大家详细介绍了基于jquery实现轮播特效的相关资料,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • jQuery可见性过滤选择器用法示例

    jQuery可见性过滤选择器用法示例

    这篇文章主要介绍了jQuery可见性过滤选择器用法,结合实例形式分析了jQuery针对元素hidden属性的过滤操作相关技巧,需要的朋友可以参考下
    2016-09-09
  • 模拟电子签章盖章效果的jQuery插件源码

    模拟电子签章盖章效果的jQuery插件源码

    模拟电子签章盖章效果的jQuery插件源码,需要的朋友可以参考一下
    2013-06-06
  • jquery处理json对象

    jquery处理json对象

    JSON(JavaScript Object Notation)javscript对象标记,是一种轻量级的数据交换格式。具体的详细基础知识可以参考JSON官网http:/www.json.org/。不说太多废话,直接说说我对JSON的理解吧。
    2014-11-11
  • jQuery中attr()和prop()在修改checked属性时的区别

    jQuery中attr()和prop()在修改checked属性时的区别

    使用语句$.attr('checked',true),将复选框的属性改为被选中,在chrome浏览器中第一次点击有效后面就不行了,IE8倒是没有问题
    2014-07-07
  • Jquery弹出层插件ThickBox的使用方法

    Jquery弹出层插件ThickBox的使用方法

    这篇文章主要介绍了Jquery弹出层插件ThickBox的使用方法,需要的朋友可以参考下
    2014-12-12
  • JQuery实现简单瀑布流布局

    JQuery实现简单瀑布流布局

    这篇文章主要为大家详细介绍了JQuery实现简单瀑布流布局,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 深入了解query和params的使用区别

    深入了解query和params的使用区别

    这篇文章主要介绍了深入了解query和params的使用区别,路由传参的时候,有俩兄弟,一个叫query,一个叫parmas,你说他们俩长得也不像吧,可这用法实在是太类似了,下面就让我们分别从vue路由和Node接收两个角度讲他们的区别,需要的朋友可以参考下
    2019-06-06

最新评论