當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
原生JavaScript使用和jQuery使用
生活随笔
收集整理的這篇文章主要介紹了
原生JavaScript使用和jQuery使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
引入js文件:
<script type="text/javascript" src="static/js/index.js"></script>變量
var 變量名; 注:變量沒有類型,根據賦值決定變量的類型;數據類型:number String boolean運算符:
算術運算符:+ - * / %
賦值:= += -= *= /= %=
比較:> >= < <= == != ===表示類型和值都相同
單目:++ --
三目:var 變量=表達式?結果1:結果2事件: 單擊 onclick 雙擊 ondblclick 鼠標經過 onmouseover 鼠標移動 onmousemove
鼠標移出 onmouseout 鼠標按下 onmonsedown 鼠標抬起 onmouseup 鍵盤按下 onkeydown
鍵盤抬起 onkeyup 獲得焦點 onfocus 失去焦去 onblur 內容輸入 oninput 內容改變 onchange
表單提交 onsubmit 滾動 onscroll 頁面加載 onload函數
使用:
window.onload=function(){//必須在頁面加載完成后執行的代碼}function 函數名show(參數名稱x,y){根據ID獲得:document.getElementById(id名稱);根據class獲得:document.getElementsByClassName(class屬性值); ---獲得一個數組彈出框:alert():只有“確認”confirm():有“確認”,“取消”prompt():可接收用戶的輸入內容,并有“確認”,“取消”定時器:開啟:定時器名稱=setInterval("函數",毫秒時間):間隔固定的時間執行一次函數定時器名稱=setTimeout("函數",毫秒時間):在固定時間之后執行一次函數關閉:clearInterval(定時器名稱)clearTimeout(定時器名稱=)改變樣式屬性:對象名.style.屬性名colorfontSize}
jQuery:
引入: < script type="text/javascript" src="jQuery文件路徑">< /script>$(function(){//頁面加載完成//給表單綁定表單提交事件$("#frm").submit(function(){//定義正則規則var reg=/^\w{6,20}$/;//獲得輸入的昵稱var uname=$(":input:eq(0)").val();if(!reg.test(uname)){//返回true或false//下一個兄弟節點$("span[class=err]:eq(0)").html("用戶名必須是abc");//ip[0].nextElementSibling.innerHTML="用戶名必須是abc";return false;//取消原始默認作}else{$("span[class=err]:eq(0)").html("");}reg=/^\d{6}$/;var upass=$(":input:eq(1)").val();if(!reg.test(upass)){$("span[class=err]:eq(1)").html("密碼必須是6個數字");return false;}return true;});})總結
以上是生活随笔為你收集整理的原生JavaScript使用和jQuery使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: MYSQL在centos上主从配置
- 下一篇: 常用的JS原生方法