jQuery函式庫基礎

2021-09-23 10:12:35 字數 2736 閱讀 5276

src=

"./js/jquery-1.12.4.min.js"

>

script

>

>

// 寫自己的**呼叫jquery函式

script

>

將獲取元素的語句寫到頁面頭部,會因為元素還沒有載入而出錯,jquery提供了ready方法解決這個問題,它的速度比原生的 window.onload 更快。

src=

"jquery/jquery-1.12.4.min.js"

>

script

>

>

/* 入口函式完整寫法

1. $(目標) -- jq的選擇函式:查詢元素功能

2. 遵循jq事件的語法 -- 目標.事件屬性(匿名函式)

3. 表示當網頁文件準備好之後要執行...命令

*/$(document)

.ready

(function()

)/* 入口函式簡化寫法

$(匿名函式) ,工作中常用方式

*/$(

function()

)script

>

控制html內容

html()用法: 不寫引數表示取值,寫引數表示修改內容

prop() : 訪問或修改html屬性值

val() : 訪問或修改value屬性

attr() : 訪問或修改html屬性值,用法與prop()相同,但attr()支援訪問自定義的html屬性

src=

"../js/jquery-1.12.4.min.js"

>

script

>

>$(

function()

)alert($

('input').

val())

//$('input').val('')})

script

>

>

>

這是一段內容p

控制css

多屬性操作(只支援修改)

src=

"./js/jquery-1.12.4.js"

>

script

>

>$(

function()

)//多屬性操作})

script

>

>

測試cssdiv

>

兄弟選擇器siblings() //選擇的是當前元素的其他同級元素(兄弟元素)

父級選擇器parent() // 選擇的是: 當前元素的父級元素

子級選擇器children() //在這裡插入**片選擇的是: 當前元素的所有子級元素

獲取元素中的下標 index()

$(this).index()

新增刪除html元素的類屬性

>$(

function()

)})script

>

>

按鈕button

>

>

文字1div

>

拓展(平面動畫型別)

>$(

function()

,2000

,'linear'

,function()

)})script

>

2. jquery常用的特殊動畫效果方法

1. 滑動動畫

- slideup() :向上捲起, 隱藏

- slidedown() :向下展開, 顯示

- slidetoggle() : 捲起或者展開

2.透明度動畫

- fadein() : 透明顯示,淡入

- fadeout() : 透明隱藏, 淡出

- fadetoggle() :淡入、淡出

- fadeto(時間, 透明度小數) : 設定透明度值與動畫持續時間

3.顯示與隱藏動畫

- show() :顯示

- hide() : 隱藏

- toggle() : 顯示與隱藏

```html

>

divstyle

>

src=

"js/jquery-1.12.4.min.js"

>

script

>

>$(

function()

)})script

>

>

按鈕button

>

>

div>

xe utils基礎函式庫

xe utils函式庫api文件 安裝 npm install xe utils 引入方式1 const xeutils require xe utils 引入方式2 引入方式3 import xeuils from xe utils 注入到根實列中 vue.prototype.utils xeui...

js基礎 陣列函式庫

陣列函式庫 var aarr 1,2,3,3,2,1,4,5,6,6,5,4 function arrtools arrtools.prototype var arr2 for var key in arr return arr2 2 陣列亂序 randomarr function arr 3 獲取...

函式庫檔案

乙個很簡單的問題除錯了好久,不過還算有收穫。現總結一下 1.vs2008中 math.h 標頭檔案中沒有定義m pi,如果程式確實要用m pi則需自己定義。define m pi 3.14159265358979323846 2.如果程式中自己定義的函式比較多,為了除錯方便使用方便,可以將這些函式都...