1. 程式人生 > >JQuery 上下文選擇器

JQuery 上下文選擇器

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>上下文選擇器</title>
    <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnTest").click(
                function () {
                    //表示取得表單id為mf內的所有單行文字框
                    $(":text", $("#mf")).val("我是表單內的文字框");

                }
            );
        });
    </script>
</head>
<body>
    <input type="text" />
    <input type="text" />
    <input type="button" id="btnTest" value="單擊我改變表單內的文字框文字" />
    <form id="mf" action="1.htm">
        <input type="text" />
        <input type="text" />
        <input type="text" />
    </form>
</body>
</html>