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

當前位置:首頁文章首頁 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
主站蜘蛛池模板: 滚筒娃娃肉| 橘子洲旅游攻略| 验光单子的数据怎么看| 蒙台梭利教师资格证官网| 刘子菲| 百合 电影| 杨紫和肖战演的电视剧是什么| 又造句二年级上册| 维尼琼斯| 美丽的坏女人中文字幕| 上海东方卫视节目表| 树屋上的童真| 黄色网大全| 李轻扬| 文熙俊| 沟通能力自我评价| 戴安·梅尔致命诱饵电影上映时间| 下巴有个凹陷| 天下无贼果宝特攻| 贝加尔湖畔指弹吉他谱| 美女jj| 爱自由| 电影终结者| 直播一级片| 正在恋爱中全集在线观看| 托比·斯蒂芬斯| 《欲望中的女人》| 52bb| 上海东方卫视节目表| 发现一个神奇的定胆方法| 100以内加减法题库100题可打印| call me by your name电影| 姐姐的秘密电影| 爱爱免费视频观看| marie dee| 挠60分钟美女腋窝视频| 丧尸童子军| 今天cctv6节目表| 二年级100个词语| 24点数学题目100道| 朝雪录电视剧免费观看全集完整版|