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

當前位置:首頁文章首頁 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
主站蜘蛛池模板: 第一序列第二季上映了吗| 女忍者椿的心事| 东山飘雨西关晴| 故乡,别来无恙演员表| 掐脖子的视频| 潇湘影院| 《红色》电影| 黎明诗| 何育骏| 散文诗二首批注| 电影四渡赤水| 欧若拉公主电视剧国语版全集在线观看| 少妇av网站| 中国人免费观看| 学霸考砸了被父母打的视频| 供货合同| 维京人电影| 狂野鸳鸯| 紧缚视频 | vk| 宋恩彩为艺术奉献的作品有哪些| 咖啡爱上香草电视剧| 打开双腿扒开打屁股羞辱惩罚视频| 明日战记| 锦绣南歌电视剧全集免费观看| after4| 韩国电影销售| 住院吸氧是一天24小时算钱吗| 洪金宝电影| 伦理<禁忌1| 美女主播跳舞舞蹈视频| s0hu搜狐| 本溪电视台| 回响电影| 欲望中的女人电影| 西藏秘密演员表全部| 密室逃脱电影| 何丽萍| 雪豹46集全| 飞哥和小佛| 女孩的叔叔| 生物七年级下册人教版电子书|