jQuery核心函式

2021-06-04 14:01:45 字數 1486 閱讀 1892

jquery核心函式

1.jquery(expression,[context]) 返回值:jquery

這個函式接收乙個包含 css 選擇器的字串,然後用這個字串去匹配一組元素。

示例:找到所有 p 元素,並且這些元素都必須是 div 元素的子元素。

html **:

one

two three

jquery **:

$("div > p");

結果:[two

]

2.jquery(html,[ownerdocument])返回值:jquery

根據提供的原始 html 標記字串,動態建立由 jquery 物件包裝的 dom 元素。

示例:動態建立乙個 div 元素(以及其中的所有內容),並將它追加到 body 元素中。在這個函式的內部,是通過臨時建立乙個元素,並將這個元素的 innerhtml 屬性設定為給定的標記字串,來實現標記到 dom 元素轉換的。所以,這個函式既有靈活性,也有侷限性。

jquery **:

$(「hello

建立乙個 元素必須同時設定 type 屬性。因為微軟規定 元素的 type 只能寫一次。

jquery**:

//在ie中無效

$(「」).attr(「type」,」checkbox」);

//在ie中有效

$(「」);

3.jquery(html,props)

根據提供的原始 html 標記字串,動態建立由 jquery 物件包裝的 dom 元素。同時設定一系列的屬性、事件等。

示例:動態建立乙個 div 元素(以及其中的所有內容),並將它追加到 body 元素中。在這個函式的內部,是通過臨時建立乙個元素,並將這個元素的 innerhtml 屬性設定為給定的標記字串,來實現標記到 dom 元素轉換的。所以,這個函式既有靈活性,也有侷限性。

jquery**:

$(「」,{「class」:」test」,text,」click  me!」,click:function(){

$(this).toggleclass(「test」);

4.jquery(elements)

將乙個或多個dom元素轉化為jquery物件。

示例:設定頁面背景顏色

jquery**:

$(document.body).css(「background」,」black」);

示例:隱藏乙個表單中所有元素

jquery**:

$(myform.elements).hide();

5.jquery()

返回乙個空的jquery物件。

6.jquery(callback)

$(document).ready()的簡寫。

當dom載入完成後,執行其中的函式。

$(function(){

// 文件就緒

jQuery核心函式

一,jquery selector,context 這個函式接收乙個包含 css 選擇器的字串,然後用這個字串去匹配一組元素。jquery 的核心功能都是通過這個函式實現的。jquery中的一切都基於這個函式,或者說都是在以某種方式使用這個函式。這個函式最基本的用法就是 向它傳遞乙個表示式 通常由 ...

jQuery核心函式

使用jquery的第一步就是獲取jquery物件,jquey庫中獲取jquery物件主要有如下兩種方式 1 使用 函式或用jquery物件提供的,利用父子關係來返回有jquery物件。2 jquery物件的呼叫方法改變自身後將再次返回該jquery物件。所以jquery 函式獲取jquery物件的重...

jQuery 動畫 核心函式

一.動畫 1.show 顯示 hide 隱藏 可以穿引數 btn1 on click function btn2 on click function 還可以設定數字,多少秒之後消失,改變的是寬 高 和opcity的值 1.opcity css 屬性 透明度 2.fadein fadeout 設定淡入...