一、jquery ?validate

默認校驗規則
序號 規則 描述
1 required=true 必須輸入的字段。
2 remote= "check.php" 使用 ajax 方法調用 check.php 驗證輸入值。
3 email=true 必須輸入正確格式的電子郵件。
4 url=true 必須輸入正確格式的網址。
5 date=true 必須輸入正確格式的日期。日期校驗 ie6 出錯，慎用。
6 dateISO=true 必須輸入正確格式的日期（ISO），例如：2009-06-23，1998/01/22。只驗證格式，不驗證有效性。
7 number=true 必須輸入合法的數字（負數，小數）。
8 digits="true" 必須輸入整數。
9 creditcard="" 必須輸入合法的信用卡號。
10 equalTo:"#field" 輸入值必須和 #field 相同。
11 accept= 輸入擁有合法后綴名的字符串（上傳文件的后綴）。
12 maxlength=5 輸入長度最多是 5 的字符串（漢字算一個字符）。
13 minlength=10 輸入長度最小是 10 的字符串（漢字算一個字符）。
14 rangelength:[5,10] 輸入長度必須介于 5 和 10 之間的字符串（漢字算一個字符）。
15 range:[5,10] 輸入值必須介于 5 和 10 之間。
16 max=5 輸入值不能大于 5。
17 min=10 輸入值不能小于 10。

附原文路徑：http://www.runoob.com/jquery/jquery-plugin-validate.html

二、Jquery 選擇器

Jquery 選擇器
1、基本選擇器
a.ID選擇器（#ID名稱）
b.樣式選擇器（.樣式名稱）
c.標簽選擇器（標簽名稱）
2.符合選擇器
a.交集選擇器（并且）?
多種選擇器（li.class）
b.并集選擇器（或者）
多種選擇器之間添加(h2,h1)
c.后代選擇器(后代選擇器) (ul span)
d.子帶選擇器，只選擇直接后代節點，第二級節點
e.屬性選擇器 $("li[name='age']")
3.過濾選擇器?
a.按下標過濾選擇器(eq lt gt)
b.屬性過濾

附原文路徑：http://jquery3.2.1.com

三、js callback函數理解：

回調函數，就是放在另外一個函數（如 parent）的參數列表中，作為參數傳遞給這個 parent，然后在 parent 函數體的某個位置執行。說來抽象，看例子：

1 // To illustrate the concept of callback 2 var doit = function(callback) 3 { 4 var a = 1, 5 b = 2, 6 c = 3; 7 var t = callback(a,b,c); 8 return t + 10; 9 }; 10 var d = doit(function(x,y,z){ 11 return (x+y+z); 12 }); 13 console.log(d);

先定義 doit 函數，有一個參數 callback。這個 callback 就是回調函數，名字可以任意取。看函數體，先定義三個變量 a,b,c。然后調用 callback 函數。最后返回一個值。
下面就調用 doit 函數了。要注意的是，剛才定義 doit 時，callback 并沒有定義，所以剛才并不知道 callback 是干什么用的。這其實很好理解，我們平時定義函數的時候，參數也只是給出了一個名字，比如 a,在函數體中使用 a，但整個過程也并不知道 a 到底是什么，只有在調用那個函數的時候才指定 a 的具體值，比如2.回過頭來，在調用 doit 的時候，我們就需要指定 callback 究竟是個什么東西了。可以看到，這個函數完成了一個 sum 功能。
上述代碼的執行過程是：
調用 doit函數，參數是一個匿名函數；進入 doit 的函數體中，先定義 a,b,c，然后執行剛才的匿名函數，參數是 a,b,c，并返回一個 t，最后返回一個 t+10給 d。

四、js獲取html元素的寬度高度及相對位置

精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth

scrollHeight: 獲取對象的滾動高度。

scrollLeft:設置或獲取位于對象左邊界和窗口中目前可見內容的最左端之間的距離

scrollTop:設置或獲取位于對象最頂端和窗口中可見內容的最頂端之間的距離

scrollWidth:獲取對象的滾動寬度

offsetHeight:獲取對象相對于版面或由父坐標 offsetParent 屬性指定的父坐標的高度

offsetLeft:獲取對象相對于版面或由 offsetParent 屬性指定的父坐標的計算左側位置

offsetTop:獲取對象相對于版面或由 offsetTop 屬性指定的父坐標的計算頂端位置

event.clientX 相對文檔的水平座標

event.clientY 相對文檔的垂直座標

event.offsetX 相對容器的水平坐標

event.offsetY 相對容器的垂直坐標

document.documentElement.scrollTop 垂直方向滾動的值

event.clientX+document.documentElement.scrollTop 相對文檔的水平座標+垂直方向滾動的量

五、js三元運算符

如名字表示的三元運算符需要三個操作數。

語法是 條件 ? 結果1 : 結果2;. 這里你把條件寫在問號(?)的前面后面跟著用冒號(:)分隔的結果1和結果2。滿足條件時結果1否則結果2。

1 <script type="text/javascript"> 2 var b=5; 3 (b == 5) ? a="true" : a="false"; 4 document.write(" --------------------------- "+a); 5 </script>

結果： --------------------------- true

1 <script type="text/javascript"> 2 var b=true; 3 (b == false) ? a="true" : a="false"; 4 document.write(" --------------------------- "+a); 5 </script>

結果： --------------------------- false

六、js屬性及方法

Math.round(x)?四舍五入最接近的整數，參數x必須是數字。

setTimeout() 方法用于在指定的毫秒數后調用函數或計算表達式。

語法
setTimeout(code,millisec)
參數 描述
code 必需。要調用的函數后要執行的 JavaScript 代碼串。
millisec 必需。在執行代碼前需等待的毫秒數。

javascript的方法可以分為三類：

a 類方法

b 對象方法

c 原型方法

z-index 屬性設置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。
注釋：元素可擁有負的 z-index 屬性值。
注釋：Z-index 僅能在定位元素上奏效（例如 position:absolute;）！
說明

該屬性設置一個定位元素沿 z 軸的位置，z 軸定義為垂直延伸到顯示區的軸。如果為正數，則離用戶更近，為負數則表示離用戶更遠。

默認值： auto
繼承性： no
版本： CSS2
JavaScript 語法： object.style.zIndex="1"

轉載于:https://www.cnblogs.com/laowangc/p/8921247.html

總結

以上是生活随笔為你收集整理的常见问题及解决方案（前端篇）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。