jquery基本功能 json資料格式

2021-10-01 04:06:08 字數 2830 閱讀 9850

一、jquery基本功能:

訪問和操作dom元素

控制頁面樣式

對頁面事件處理

大量外掛程式在頁面中的應用

與ajax技術的完美結合

二、nodejs

三、jq方法

1、$(『選擇器』):jq獲取元素

2、css()給獲取的元素設定樣式

可以單個和鏈式操作,也可以傳乙個物件,當傳乙個樣式名則是獲取傳的樣式的樣式值

3、attr()獲取屬性值和設定屬性

4、removeattr(『屬性名』)刪除屬性

5、取反toggleclass()

如果樣式名存在則刪除,反之新增

6、eq(n)n下標,獲取iq物件

7、事件

1) click()不帶on的事件名方法,元素.click()

2)on(『事件名』,函式)

如果鏈式操作.off()則是解綁

注意元素元素不能用jquery,可以通過$()轉換,清楚this指向

8、 index(),

獲取觸發事件元素的下標,在自己兄弟標籤裡面的下標:引數是限制在那個兄弟裡排序;

9、github金鑰,可以讓上傳遠端倉庫不用每次輸密碼

10、size():獲取元素的長度,返回值是乙個常數

11、get():將jq物件轉為原生元素,引數下標

12、each:遍歷獲取到的元素,

用法一: lis.each(function (i,el){}),each()

用法二:$.each(需要迴圈的陣列,函式fn())

13、標籤與標籤的關係
prev():上乙個兄弟標籤,返回jq物件

prevall():獲取上面所有的兄弟標籤

next():下乙個兄弟標籤

nextall():獲取下面所有的兄弟標籤

parent():父級

parents():所有祖先級,包括父級,引數為指定範圍; children():所有子元素

find():找到某乙個元素的所有後代元素,引數必須:限定需要找的

建立標籤:$('')

插入內容html(),傳參是設定,不傳參是獲取

14、動畫效果
hide():讓元素隱藏時候有動畫效果,引數一:過渡時間,引數二:函式,運動結束後執行的**

show():讓元素顯示時候有動畫效果,引數同上

toggle():隱藏就顯示,反之顯示就隱藏,引數同上

sideup():百葉窗效果

sidedown():引數同上

slidetoggle()

fadeout():消失

fadein():出現

fadetoggle():引數同上

animate():讓樣式從乙個值變化的到另乙個值有動畫效果,用法:$(『box』).animate()

ps:有數字變化的值才有

animate(,time,linear勻速,function(){})

swing:先加速在減速,ps:相當於加了定時器,先關閉定時器$(『box』).stop().animate(…) ;

outerwidth():元素寬

15、物件導向:另外一種寫**的方式

象: 抽離物件,將一些**抽離封裝

物件導向和面向過程的區別

面向過程:**一步一步編碼

物件導向的特點:

**簡潔

復用性牆

層次分明

具有繼承性

可擴充套件性強

可維護性高

物件導向的組成部分:抽離,封裝,繼承

物件申明的兩種方式

var obj={};

var obj1=new object()

es6當中當鍵值一樣時可以省略(屬性值是乙個變數,變數與屬性一樣;屬性值是函式叫方法)

工廠模式:將物件封裝在函式中,目的是為了建立物件

注意:工廠模式this指向不明確

建構函式:函式名首字母大寫,並通過new操作符運算,返回乙個物件;new在運算函式時偷偷幹的事情:建立乙個物件,改變this指向為它自己建立的物件,把它建立的物件return出來

delete:只能刪除某個物件下面的屬性;

函式:是乙個特殊的物件,當建立乙個函式時,就相當於乙個物件,系統會自動給函式新增乙個屬性值,屬性叫:prototype,值是乙個物件,這個物件叫做原型物件

原型鏈:當建立乙個物件時,系統會自動給物件新增乙個屬性__proto__;值是乙個物件,物件是原型物件,這個物件指向它的建構函式的原型物件;在原型鏈中會自動生成屬性constructor,值就是該例項物件的建構函式

ps:在函式裡面新增屬性,在原型物件裡面寫方法

== 繼承==

賦值賦址(和資料型別有關係)

拷貝繼承:淺拷貝和深拷貝

json資料

例如:var str=』[1,3,4,「333」]』;

var str1=』』;

把json資料轉為物件:json.parse(json資料)

把物件轉為json資料:json.stringify(物件)

Bash基本功能

history 選項 歷史命令儲存檔案 c 清空歷史命令 w 把快取中的歷史命令寫入命令儲存檔案 歷史命令預設儲存1000條,可以在環境變數配置檔案 etc profile中進行修改 必須重新登陸,歷史命令可以儲存檔案 歷史命令的呼叫 使用上,下箭頭呼叫以前的歷史命令 使用 n 重複執行第n條命令 ...

Nginx基本功能

1 靜態http伺服器 首先,nginx是乙個http伺服器,可以將伺服器上的靜態檔案 如html 通過http協議展現給客戶端。配置 plain view plain copy server 2 反向 伺服器 什麼是反向 客戶端本來可以直接通過http協議訪問某 應用伺服器,管理員可以在中間加上乙...

shell 基本功能

chmod 755 test.sh 設定可執行許可權 cat a test.sh 包含隱藏檔案 別名 alias 別名 原命令 alias rm rm i alias cp cp i alias mv mv i 永久生效,設定在 root bashrc 檔案種 unalias 別名 刪除別名 ctr...