Test Run TextBox

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title></title>     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>     <script type="text/javascript">
        //1 ID选择器 $("#div1")→getElementById()
        $(function () {
            $("#btn").dblclick(function () {
                alert("你双击我了！")
            });
        });
        //2 Tag选择器 $("input")→getElementsByTagName()
        $(function () {
            $("p").click(function () {
                alert("我是P，我快乐！");
            });
        });
        //3 CSS选择器 $(".error")
        $(function () {
            $(".warning").click(function () {
                alert("这是警告信息！");
            });
        });

//4 多条件选择器 $("div,p,span.menuitem")→同时选择div标签，p标签和同时拥有menuitem样式的span标签

//5 JQuery隐式迭代
        $(function () {
            var elements = $("#btn1");
            if (elements.length <= 0) {
                alert("未找到指定元素");
                return;
            }
            elements.mouseover(function () {
                alert("鼠标移上来了。");
            });
        });
    </script>     <style type="text/css">
        .warning
        {
            color:Red;
            background-color:Yellow;
        }
    </style> </head> <body> <input type="button" id="btn" value="双击我给你好看" /> <p>Welcome</p> <p class="warning">请出示有效证件！</p> <p class="warning">请勿触碰！</p> <input type="button" value="点我呀" class="warning" /> </body> </html>

posted on 2011-11-28 22:37 Frank.Fan 阅读(187) 评论(0) 编辑收藏举报