首页 > Web开发 > 详细

jquery中:input和input的区别分析

时间:2014-10-11 18:16:17      阅读:213      评论:0      收藏:0      [点我收藏+]

: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>

 bubuko.com,布布扣

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

jquery中:input和input的区别分析

原文:http://www.cnblogs.com/hellolong/p/4019393.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!