JQuery學習筆記(二)

2021-08-25 07:42:28 字數 941 閱讀 1488

jquery物件和dom物件

其實他倆是一對密不可分的「物件」,

dom(文件物件模型),每乙個dom都可以表示成一棵樹。

jquery物件就是通過jquery包裝dom物件後產生的物件。

並且jquery物件和dom物件是可以相互轉換的

var $variable = ..... // jquery物件

var variable = ......// dom物件

jquery可以有兩種方式轉成dom物件:

(1)[index]

例如:var $ch = $("#ch");

var ch = $ch[0];

alert(ch.checked);

(2)get(index)

例如:var $ch = $("#ch");

var ch = $ch.get(0);

alert(ch.checked);

dom物件也可以轉換為jquery物件

(1)只需要用$()把dom物件包裝起來就可以

例如:var ch = document.getelementbyid("ch");

var $ch = $(ch);

通過下面的例子可以更好的理解

有個checkbox的框

例如:我已經同意.

通過js和jquery不同的實現來掌握最開始基本的用法

(1)js的實現

$(document).ready(function()

})});

(2)jquery的實現

$(function()

})});

這樣兩種實現方式都可以了

jQuery學習筆記二

再了解取值付值的方法,更改屬性的方法 實驗的結果是 note不可寫 重新整理時,只彈出了 我是乙個大好人 的提示框,原先頁面上的ddddd沒有載入進來 還有script如果放在前面的話,也是上頁面最上面的地方,提示框也不會彈出。並且note框也是可寫的 為啥會這樣,我只能暫時理解為,它是從上到下執行...

jQuery 學習筆記(二 )

1.控制項的顯示與隱藏 a2.jquery 滑動 1.根據元件id滑動選擇a 2.根據class 滑動 2.1 新增css樣式屬性 2.2 引用樣式選擇a 2.3function fun1 2.4 停止動畫 stop bottom stop 3.jquery 動畫 tip 要實現動畫首先把元素的 c...

JQuery學習筆記(二)

一 滑動 selector slidedown speed,callback 下滑 selector slideup speed,callback 上滑 selector slidetoggle speed,callback 用於上滑,下滑 二 animate 動畫 selector animate...