变态重口极致另类在线-波多久久夜色精品国产-波多野结衣在线观看一区-波多野结衣在线观看一区二区-污污的网站免费阅读-污污视频网址

當前位置:首頁文章首頁 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
主站蜘蛛池模板: 欧美一区二区三区免费 | 亚洲日批视频 | 免费国产h视频在线观看 | 91久久精品国产91性色tv | 在线久草视频 | 美女网站全黄 | 美女视频黄8频a美女大全软 | 亚洲日本韩国欧美 | 欧美精品人爱c欧美精品 | 亚洲区欧美区 | 国产精品亚洲欧美动漫卡通 | 在线免费毛片 | 韩国伦理中文 | 午夜色a大片在线观看免费 午夜视 | 欧美特黄一区二区三区 | 欧美视频一区二区三区 | 黄色影视大全 | 多多多色麻豆 | 国产一级一片 | 成人国产精品免费网站 | 波多野结衣在线观看3人 | 五月丁香六月综合缴清无码 | 久久综合偷偷噜噜噜色 | 亚洲一区二区三区在线观看蜜桃 | 在线涩涩| 国产精品欧美一区二区三区不卡 | 日韩中文字幕网站 | caopon国产在线视频 | 中文字幕视频免费 | 成年男女男免费视频网站不卡 | 欧美video巨大粗暴多人 | 国内视频在线 | 国产韩国精品一区二区三区久久 | 日韩中文字幕视频 | 香蕉黄网| 成年人在线视频免费观看 | avhd101永久地址高清迷片 | 性美国xxxxx 性另类交性类交 | 91看片在线| 日韩欧美区 | 日韩无砖专区体验区 |