JQuery基礎知識

2021-10-10 08:42:33 字數 1582 閱讀 8945

jquery是js的封裝庫,提供了大量的apl,是目前使用最流行最廣泛的js庫。

在head和body中都可以引入,注意放在頁面的標籤後面必須新增入口函式

$(

function

(){})

父節點 parent()

子節點 children()

所有的兄弟節點 siblings()

後面的乙個兄弟節點 next()

前面的乙個兄弟節點 prev()

後面的所有兄弟節點 nextall()

前面的所有兄弟節點 prevall()

新增類名 addclass(『類名』)

移出類名 removeclass(「類名」)

切換類名 toggleclass(「類名」)

$(

"#box"

)"我是尾部追加的元素"

) ;

$("#box"

).prepend(

"我是頭部追加的元素");

$("#box").

after

("我是外部末尾新增的元素");

$("#box"

).before(

"我是外部頭部追加的元素");

$("我是內部追加的元素"

)"#box"))

;$("#box"

).remove();

//刪除自身的所有的子元素

$("#box"

).empty();

//刪除子元素但是保留自身

$("#box"

).html("")

;//和上面的empty的用法相同

hide()隱藏 show()隱藏

$(selector)

.animate(styles,speed,easing,callback)

掉錢案例

<

!doctype html>

="utf-8"

>

<

/title>

="text/css"

>

* html,body

.box

span

<

/style>

<

/head>

<

div class=

"box"

>

<

/div

>

"jquery.min.js"

>

<

/script>

function money(

)) $(

".box");

$span.animate(,

1000

,function())

}setinterval(money,

1000

)<

/script>

<

/body>

<

/html>

jquery 基礎知識

1,取物件 根據id取 物件的id 根據class取 物件的id 2,設定 獲取值 innerhtml val text innerhtml innertext 3,設定 獲取 table 中某行某列的值 設定table7,第2個tr的第乙個td的值。table7 tr eq 1 td nth ch...

Jquery基礎知識

1 寫得少,做得多 2 執行速度快 jqurey通過選擇器獲取標籤 myid 選擇 id為myid的網頁元素 myclass 選擇 class為myclass的元素 li 選擇所有的 li元素 ul1 li span 選擇 id為為ul1元素下的所有li下的span元素 input name fir...

jQuery基礎知識

js框架 js的公升級版 把js做了封裝 檔案字尾 min.js min壓縮版 寫法 載入script 標籤 src jquery 必須在最上面 找元素var a document.getelementbyid aa alert a var a document.getelementsbyclass...