JS 基礎實現與底層函式
阿新 • • 發佈:2018-12-18
預載入的的書寫:
1.$(document).ready(function(){});
2.$().ready();
3.$(function(){});
Js三種輸出:
1.document.getEm..byId(“”).inntrhtml=();
2.document.write(“”);
3.console.log();()控制檯輸出
陣列的定義:(後端的集合相當於前端的陣列)
1.var 取名 = new Array();
名字 [0]=
2.var 取名 = [];
名字[]=
物件型別:
1.var 取名 = new Map(); 2.var 取名 = new object(); 3.var 取名 ={}
Js架包格式:
<script type="text/javascript"src="../js/jquery-1.8.3.js" ></script>
函式語法:
`function 取名(){}` parseInt(x/y):丟棄小數,保留整數! Math.ceil(x/y):向上取整,有小數就整數加一 Math.round(x/y):四捨五入 Math.floor(x/y):向下取整 ParseFloat(值):可以為小數或者整數 Text():檢索字串中的指定值,返回true或false Exec(): Alert():彈窗 Action:跳轉到網頁 Text:文字 Submit:提交 Reset:重置 Image:圖片按鈕,資料夾 Method:“get” get:公開 post:加密 Radio:單選 Checkbox:多選 File:檔案 Button:按鈕
後代選擇器
父親:parent() 祖先:parents()
兒子:children() 子孫:find()
兄弟:siblings()
弟弟:next() 所有的弟弟:nextall()
哥哥:prev() 所有的哥哥:prevall()
取值與設定:
取標籤的內容:html()範圍全取 Text()只取文字 設定標籤內容:html(內容) Text(內容) 取表單域的值:val() 設定表單的值:val(值) 取屬性的內容:attr()取內容 Prop()連帶路徑返回真假值 設定屬性的值:attr(“屬性名”,值) 追加:append() 刪除:remove() 清空:empty()
設定樣式:
Addclass(類名).Css(屬性,值)
清除樣式:
Removeclass()
遍歷方法:each()
Var a = 【11,12,13,14】
$(a).each(function(i,e){
Console.log(a[i])或者Console.log()
})(二選一,不帶引數用本身this代替取值)
效果:(多數用於時間當中)
1.顯示:show()
2.隱藏:hide() 迴圈顯示和隱藏:toggle()
3.淡入:fadeIn()
4.淡出:fadeOut() 迴圈淡入和淡出:fadetoggle()