简单的jQuery代码

Posted 2020-08-31 john。

tags:

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

简单的jQuery代码

用户名：密码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>简单的jQuery代码</title>
    <!--引入jQuery脚本-->
    <script src="scripts/jquery-3.1.1.js" type="text/javascript "></script>

    <script type="text/javascript">
        /*可以写JS jQuery代码*/
        //window.onload=function(){alert("今天风好大");};//JS写法
        //等价的jQuery写法
        //1.
        /* jQuery(document).ready(function(){
         alert("今天风好大");
         });
         //2.
         $(document).ready(function(){
         alert("今天风好大");
         });*/
        //3.
        $(function(){
            alert("风真的好大啊");
            document.getElementById("id1").onclick=function(){
                //获取用户名  密码里面的value
                //js写法
                var name = document.getElementById("name");
                var password = document.getElementById("password");
                alert("name:"+name.value+"\n"+"password"+password.value);
                //jQuery写法 等价于JS写法
                alert("name:"+$("#name").val());
                alert("password:"+$("#password").val());
                //$("#name"):获取的是jQuery对象
                //document.getElementById("name"):DOM中的对象
                var $name =$("#name");
                var name = $name[0];
                alert(name.value);

                //DOMduixiang =>jQuery对象
                var password = document.getElementById("password");
                //可以理解为$()就是jQuery对象的构造函数
                var $password = $(password);
                alert($password.val);

            }
        });

    </script>


</head>
<body>
用户名：<input id="name" type="text">
密 码：<input id="password" type="password">
<input id="id1" type="button" value="提交">
</body>
</html>

以上是关于简单的jQuery代码的主要内容，如果未能解决你的问题，请参考以下文章

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

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段（转）

常用的几个JQuery代码片段

高效Web开发的10个jQuery代码片段

markdown 在WordPress中使用jQuery代码片段