jQuery核心函式

2021-06-22 21:25:55 字數 1541 閱讀 5840

一,jquery([selector,[context]])

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

jquery 的核心功能都是通過這個函式實現的。 jquery中的一切都基於這個函式,或者說都是在以某種方式使用這個函式。這個函式最基本的用法就是

向它傳遞乙個表示式(通常由 css 選擇器組成),然後根據這個表示式來查詢所有匹配的元素。

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

$("div > p");
2.

設定頁面背景色。

$(document.body).css( "background", "black" );
3.

獲取body下面的所有div

的個數$("div","body").length

二,jquery(html,[ownerdocument]) 

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

html(string) : 用於動態建立dom元素的html標記字串

ownerdocument(document) : 可選,建立dom元素所在的文件

例如:備註:動態建立input的時候必需同時建立type屬性,例:$("");

// 在 ie 中無效:

$("").attr("type", "checkbox");

// 在 ie 中有效:

$("");

例如:

建立乙個 元素,同時設定 type 屬性、屬性值,以及一些事件。

$("", ,

focusout: function()

三,jquery(callback ) 

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

callback(function) : 當dom載入完成後要執行的函式

也可以寫成:$();

四,jquery(html, props)

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

html(string) : 用於動態建立dom元素的html標記字串

props(map) : 用於附加到新建立元素上的屬性、事件和方法

例項:$("div",

jquery(elements)

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

elements(element, array) : 用於封裝成jquery物件的dom元素

例項:$(document.body).css( "background", "black" ); //注意,這裡與jquery選擇器不同哦!

jQuery核心函式

jquery核心函式 1.jquery expression,context 返回值 jquery 這個函式接收乙個包含 css 選擇器的字串,然後用這個字串去匹配一組元素。示例 找到所有 p 元素,並且這些元素都必須是 div 元素的子元素。html one two three jquery di...

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 設定淡入...