首页 > 代码库 > 简单的jQuery代码
简单的jQuery代码
简单的jQuery代码
<script type="text/javascript " src="http://www.mamicode.com/scripts/jquery-3.1.1.js"></script><script type="text/javascript">// jQuery对象 var password = document.getElementById("password"); //可以理解为$()就是jQuery对象的构造函数 var $password = $(password); alert($password.val); } }); // ]]></script>用户名: 密 码:
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>简单的jQuery代码</title> <!--引入jQuery脚本--> <script src="http://www.mamicode.com/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="http://www.mamicode.com/提交"></body></html>
简单的jQuery代码
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。