jQuery中:password选择器用法实例

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

此选择器能够选取所有密码框。

语法结构:


代码如下:

$(":password")

实例代码:

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://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(){
    $(":password").css("background-color","red");
  })
})
</script>
</head>
<body>
<ul>
  <li>密码框:<input type="password" name="mima" /></li>
</ul>
<button id="btn">点击查看效果</button>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

赞 (0)

相关推荐

  • jQuery中:enabled选择器用法实例

    本文实例讲述了jQuery中:enabled选择器用法.分享给大家供大家参考.具体分析如下: 此选择器可以选取所有可用的元素. 语法结构: 复制代码 代码如下: $(":enabled") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $("input:enabled").css("background-color","red") 以上代码能够将可用的input元素的背景颜色

  • jQuery中:checked选择器用法实例

    本文实例讲述了jQuery中:checked选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有选中的复选框或单选按钮. 语法结构: 复制代码 代码如下: $(":checked") 此选择器可以和其他选择器配合使用,比如[类选择器.元素选择器等等. 复制代码 代码如下: $(".myradio:checked").hide(); 以上代码能够将类名为myradio,并且被选中的复选框或者单选框隐藏. 实例代码: 复制代码 代码如下: <!D

  • jQuery中:submit选择器用法实例

    本文实例讲述了jQuery中:submit选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有提交按钮. 并不是只有type为submit才能够选取,button按钮也被选取了. 语法结构: 复制代码 代码如下: $(":submit") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta na

  • jQuery中:file选择器用法实例

    本文实例讲述了jQuery中:file选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取类型为file的<input>元素. 语法结构: 复制代码 代码如下: $(":file") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" co

  • jQuery中:disabled选择器用法实例

    本文实例讲述了jQuery中:disabled选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有禁用的表单元素. 语法结构: 复制代码 代码如下: $(":disabled") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等. 复制代码 代码如下: $("input:disabled").css("background-color","red"); 以上代码能够将不可用的input元素的

  • jQuery中:button选择器用法实例

    本文实例讲述了jQuery中:button选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有按钮. 语法结构: 复制代码 代码如下: $(":button") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt

  • jQuery中:reset选择器用法实例

    本文实例讲述了jQuery中:reset选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有重置按钮. 语法结构: 复制代码 代码如下: $(":reset") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt

  • jQuery中:checkbox选择器用法实例

    本文实例讲述了jQuery中:checkbox选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配所有复选框. 语法结构: 复制代码 代码如下: $(":checkbox") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&quo

  • jQuery中:image选择器用法实例

    本文实例讲述了jQuery中:image选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取类型为image的<input>元素. 千万不要弄成<img>标签. 语法结构: 复制代码 代码如下: $(":image") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta na

  • jQuery中:radio选择器用法实例

    本文实例讲述了jQuery中:radio选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有单选按钮. 语法结构: 复制代码 代码如下: $(":radio") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt

随机推荐