日韩精品中文字幕一区二区-日韩精品中文字幕一区-日韩精品中文字幕视频-日韩精品在线一区二区三区-第一页在线-第一福利视频

當前位置:首頁文章首頁 IT學院 IT技術

文本框獲得失去焦點——js和jquery方法的對比

作者:  來源:  發布時間:2012-1-30 11:17:37  點擊:
Js方法
<head>
    <script type="text/javascript">
        function Doit() {
            // 獲得一個input的數組,需要遍歷
            var inputs = document.getElementsByTagName_r("input");           
              for (var i = 0; i < inputs.length; i++) {
              
                // 如果是文本控件
                if (inputs[i].type == "text") {
                    // 前面有on——
                    inputs[i].onfocus = function () {
                        // 通過this直接獲取觸發的元素
                        this.style.backgroundColor = "yellow";
                    };
                    inputs[i].onblur = function () {
                        this.style.backgroundColor = "white";
                    };
                }
             
            }
        }
    </script>
</head>
<body onload="Doit()">
    <input id="Text1" type="text" />
    <input id="Text2" type="text" />
    <input id="Text3" type="text" />
    <input id="Button1" type="button" value="button" />
</body>
</html>
 
Jquery方法
<head>
    <script src="jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            // 不需要遍歷
            $('input[type=text]').click(function () {
                // this前面要加dollar符
                $(this).css("backgroundColor","yellow");
            }).blur(function () { $(this).css("backgroundColor","white");});
            // blur前面沒有on
        });
    </script>
</head>
<body>
    <input id="Text1" type="text" />
    <input id="Text2" type="text" />
    <input id="Text3" type="text" />
    <input id="Button1" type="button" value="button" />
</body>
</html>

文章評論

軟件按字母排列: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
主站蜘蛛池模板: 新贵妃醉酒简谱| 李洋演员个人简介图片| 一直很安静简谱| 绷带怪人| 橘子洲旅游攻略| 白玉老虎| 阿星| 沟通能力自我评价| 小女孩屁股| 细菌大战2| 情动电影| 说木叶原文| 抗日老电影400部| 柯佳青| 山楂树下电视剧演员表| 国庆节安全公约| 女生被艹在线观看| 金珊| 成龙版杨家将电影免费播放| 阿尔法变频器说明书| 金秀贤real| 杨门女将演员表| 4480午夜| 少妇bbbbbbb| 滕子萱| 第一财经今日股市直播间在线直播| 西班牙女郎| 贾冰又出新的喜剧电影| 谷桃子| 尹雪喜演的电影在线观看| 共和国之恋原唱| 名星| 初一英语完形填空20篇免费| 珀利| 我爱你再见演员表| 哈利学前班| 酱园弄 电影| 公共事务在线| 贝的故事教案设计优秀教案| 任港秀| 禁忌爱情|