1. 程式人生 > >JS 基礎實現與底層函式

JS 基礎實現與底層函式

預載入的的書寫:

  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()