jQuery TextBox用法

Posted 一颗豆豆

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery TextBox用法相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>自我练习</title>
        <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
        <script>
            $(function(){
                //绑定点击事件
                $(\'#b1\').click(function(){
                    //alert(\'欢迎\'+$(\'#txt1\').val()+\'浏览本网站\');
                    //获取文本框内容并显示欢迎内容
                    $(\'#p1\').text(\'欢迎\'+$(\'#txt1\').val());
                });
            });
        </script>
    </head>
    <body>
        <p>用户名：<input type="text" id="txt1"></p>
        <p>密码：<input type="password" id="psd1"></p>
        <button id="b1">登录</button>
        <p id="p1"></p>
    </body>
</html>

运行结果：

 

以上是关于jQuery TextBox用法的主要内容，如果未能解决你的问题，请参考以下文章

jquery中的$的特殊用法

C#-WebForm-★内置对象简介★Request-获取请求对象Response相应请求对象Session全局变量（私有）Cookie全局变量（私有）Application全局公共变量Vi(代码片段

用于 Html.TextBox 控件的 jQuery UI Datepicker

[ jquery 文档处理 insertBefore(content) before(content|fn) ] 此方法用于把所有匹配的元素插入到另一个指定的元素元素集合的前面,实现外部插入(代码片段

jQuery应用 代码片段

Visual Studio 2012-2019的130多个jQuery代码片段。