jquery學習2 關於jquery構造器

2021-06-03 12:48:34 字數 1073 閱讀 5160

構造器是jquery框架的核心,其有jquery()函式來實現(也可簡寫為$(),所以一般情況下使用後者),此函式是jquery的核心,jquery的一切操作都會構建在這個函式之上。

注意:使用jquery()這種格式的時候,jquery這個單詞要寫對,就q需要大寫,其他要小寫,錯乙個字母都不可以。

jquery()函式可以接受四種型別的引數:

第一:jquery(html):根據html標記字串,動態的建立由jquery包含的dom元素

假設現在我們的html檔案的標籤裡什麼都沒有,我們使用jquery向body標籤中新增乙個div,並且div中的內容是「這是新增的乙個div,哈哈」。

**:

開啟瀏覽器,顯示效果如下:

顯示效果是一模一樣的。

第二:jquery(elements):這個引數的函式可以將dom物件轉換成jquery物件,然後呼叫jquery物件的屬性和方法來控制該dom元素的樣式。

下面的示例**就是將上面div中的內容的顏色改為紅色,大小改為24px;

var div = $("div");

div.css("color","red");

div.css("font-size","24px");

測試結果截圖:

第三:jquery(callback):它是$(document).ready()的縮寫,表示繫結乙個在dom文件載入完畢後要執行的函式。

下面的**示例分別用上面的兩種寫法來執行兩個函式,彈出兩個提示框。

$(document).ready(function());

$(function());

測試執行截圖:

第四:jquery(expression,[context]):根據css選擇器字串在頁面中匹配元素,或者使用context引數指定匹配的範圍。

下面的示例**是將頁面的p標籤中的span標籤中的內容的顏色設定成紅色

文字塊1

文字塊2

測試截圖:

JQuery學習筆記(2)

jquery的屬性選擇器 div id為one test div id為one te div id為one te div id為one es xxt aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 子元素選擇器 根據該元素是父元素下出現的位置來選中子元素.one two three f...

JQuery入門學習(2)

1 屬性操作 attr 方法 attr 方法用於獲取所匹配元素集合中第乙個元素的屬性,也可以用來設定所匹配元素的乙個或多個屬性值,attr 方法有如下所示的4種語法格式。attr name 獲取元素的屬性值 attr name,value 設定元素的某個屬性的值 attr 設定元素的多個屬性的值 a...

JQuery學習 5 事件 2

4 toggle事件 用法一 依次執行事件到最後之後回覆到第乙個事件迴圈往復執行只有在單擊元素本身時才會被觸發 img toggle function function function function function 用法二 重複呼叫show 和hide 方法 button1 click fu...