zoukankan      html  css  js  c++  java
  • jquery中:input和input的区别分析

    :input表示选择表单中的input,select,textarea,button元素,input仅仅选择input元素。

    <html>
        <head>
            <style>
                .focus{
                    background-color: blue
                }
            </style>
        </head>
        <body>
            <script type="text/javascript" src="scripts/jquery.1.6.1.min.js"></script>
            <script type="text/javascript"> 
            $(function(){ 
                $(":input").focus(function(){ 
                    $(this).addClass("focus"); 
                }).blur(function(){ 
                    $(this).removeClass("focus"); 
                }); 
            })
            </script> 
            <form action="" method="post" id="regForm"> 
            <fieldset> 
                <legend>Personal Info</legend> 
                <div> 
                    <label for="username">Name:</label> 
                    <input id="username" type="text" /> 
                </div> 
                <div> 
                    <label for="pass">Password:</label> 
                    <input id="pass" type="password" /> 
                </div> 
                <div> 
                    <label for="msg">Detail Information:</label> 
                    <textarea id="msg" rows="2" cols="20"></textarea> 
                </div> 
                <div>
                    <select name="single">
                        <option>Single</option>
                        <option>Single2</option>
                    </select>
                </div>
                <div>
                    <select name="multiple" multiple="multiple">
                        <option selected="selected">Multiple</option>
                        <option>Multiple2</option>
                        <option selected="selected">Multiple3</option>
                    </select>
                </div>
            </fieldset> 
        </body>
    </html>

     

    http://www.jb51.net/article/27688.htm

  • 相关阅读:
    vue中minxin---小记
    微信认证
    Fatal error Using $this when not in object context in
    $.ajax()方法详解
    $.post
    jquery中的each
    jquery的$.extend和$.fn.extend作用及区别
    javascript字符串函数
    serializeArray()与serialize()的区别
    一个登陆界面
  • 原文地址:https://www.cnblogs.com/hellolong/p/4019393.html
Copyright © 2011-2022 走看看