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

當前位置: 首頁IT技術 → 文本框獲得失去焦點——js和jquery方法的對比

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

更多
Js方法
<head>
    <script type="text/javascript">
        function Doit() {
            // 獲得一個input的數(shù)組,需要遍歷
            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直接獲取觸發(fā)的元素
                        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>
熱門評論
最新評論
發(fā)表評論 查看所有評論(0)
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字數(shù): 0/500 (您的評論需要經(jīng)過審核才能顯示)
主站蜘蛛池模板: 九七在线视频 | 免费色网站 | 国产成人免费视频 | 一色屋成人免费精品网 | 本田岬最猛喷一地在线播放 | 成年男人永久免费看片 | 免播放器在线 | 成人黄色一级毛片 | 日本羞羞无遮挡免费动漫 | 午夜性刺激免费视频观看不卡专区 | 日本中文字幕网 | 人人人人人人 | 好紧好湿好黄的视频 | 欧美在线观看www | 天天曰天天射 | 成人黄色三级 | 六月天综合网 | 欧美亚洲综合另类 | 午夜免费影视 | 久久久www免费人成看片 | 五月香婷婷 | 理论片午夜| 在线播放a | 成人看片黄a免费 | 久久99精品视免费看 | 五月天天 | 亚洲精品高清中文字幕 | 在线欧美成人 | 国产精品自在线拍国产 | 激情在线观看视频免费的 | 三级大片网站 | 亚洲国产欧美久久香综合 | 国产欧美精品国产国产专区 | 亚洲第一精品夜夜躁人人爽 | 日本爽爽爽爽爽爽在线观看免 | a级人体片免费观看网站 | 香蕉一级视频 | 欧美日韩国产成人综合在线影院 | 成年网站在线 | 国产一级高清视频在线 | www.成人网|