JavaScript 笔记
function (函数)document(文档 get获得文档中..)
1 <script type="text/javascript"> 2 function yz(){ 3 if(document.getElementById("f_name").value==''){ 4 alert('请输入一个邮箱!') 5 return false; 6 } 7 if(document.getElementById("f_pwd").value==''){ 8 alert('密码没有输入!') 9 return false; 10 } 11 if(document.getElementById("f_pwd2").value==''){ 12 alert('请再次输入密码!') 13 return false; 14 } 15 if(document.getElementById("f_pwd").value!=document.getElementById("f_pwd2").value){ 16 alert('密码不一致请重新输入!') 17 return false; 18 } 19 return true; 20 }
jquery-1.10.2.min
1 <script src="js/jquery-1.10.2.min.js"></script> 2 <script language="javascript"> //script脚本 3 function yz(){ 4 $("#xm").val("这是新的内容") //#选中id val改变值 5 $("div").text("这是标签选择器") 6 $("div").addClass("hs") //add增加 7 $("#d1").removeClass() //remove取消 8 $(".c1").addClass("ls") 9 $("p .c1").removeClass() 10 } 11 </script> 12 <body> 13 <input type="text" name="xm" id="xm" value="你好,世界" /> 14 <input type="submit" title="校验" value"校验" onclick="yz()"/> 15 <div id="d1"></div> 16 <div id="d2"></div> 17 <div id="d3"></div> 18 <div id="d4"></div> 19 20 <div class="c1"></div> 21 <div class="c1"></div> 22 <div class="c1"></div> 23 <div class="c1"></div> 24 25 <div> 26 <div class="c1"></div> 27 </div> 28 </body>