jQuery四個核心函式詳解

2021-06-19 12:07:41 字數 2421 閱讀 7870

jquery的四個核心函式。

jquery(expression,[context])

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

預設情況下, 如果沒有指定context引數,$()將在當前的 html 文件中查詢 dom 元素;如果指定了 context 引數,如乙個 dom 元素集或 jquery 物件,那就會在這個 context 中查詢。

引數:expression (string) : 用來查詢的字串

context (element, jquery) : (可選) 作為待查詢的 dom 元素集、文件或jquery物件。 示例

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

html**:

onetwo three

jquery**:

$("div > p");

結果:[ two ]

在文件的第乙個表單中,查詢所有的單選按鈕(即: type 值為 radio 的 input 元素)。

jquery**:

$("input:radio", document.forms[0]);

在乙個由ajax返回的 xml 文件中,查詢所有的div元素。

jquery**:

$("div", xml.respon***ml);

jquery(html,[ownerdocument])

根據提供的原始 html 標記字串,動態建立由 jquery 物件包裝的dom元素。你可以傳遞乙個手寫的 html 字串,或者由某些模板引擎或外掛程式建立的字串,也可以是通過 ajax 載入過來的字串。但是在你建立 input 元素的時會有限制,可以參考第二個示例。

當然這個字串可以包含斜槓 (比如乙個影象位址),還有反斜槓。當你建立單個元素時,請使用閉合標籤或 xhtml 格式。例如,建立乙個 span ,可以用 $("") 或 $("") ,但不推薦 $("")。在jquery 中,這個語法等同於$(document.createelement("span")) 。

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

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

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

jquery**:

$("hello

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

jquery**:

// 在 ie 中無效:

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

// 在 ie 中有效:

$("");

jquery(elements)

將乙個或多個dom元素轉化為jquery物件。這個函式也可以接收xml文件和window物件(雖然它們不是dom元素)作為有效的引數。 引數

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

示例:設定頁面背景色。

jquery**:

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

隱藏乙個表單中所有元素。

jquery**:

$(myform.elements).hide()

jquery(callback)

$(document).ready()的簡寫。允許你繫結乙個在dom文件載入完成後執行的函式。這個函式的作用如同$(document).ready()一樣,只不過用這個函式時,需要把頁面中所有需要在 dom 載入完成時執行的$()操作符都包裝到其中來。從技術上來說,這個函式是可鏈結的--但真正以這種方式鏈結的情況並不多。

你可以在乙個頁面中使用任意多個$(document).ready事件。

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

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

jquery **:

$(function());

使用$(document).ready() 的簡寫,同時內部的jquery**依然使用 $ 作為別名,而不管全域性的 $ 為何。

jquery **:

jquery(function($) );

java8 四個核心函式式介面

1.功能型的 接受乙個引數,處理後返回乙個值 functionalinte ce public inte ce function 2.判斷型的 接受乙個引數 返回判斷結果boolean functionalinte ce public inte ce predicate boolean test t...

CSS 最核心的四個概念

摘要 學習web前端必看,最最基礎 核心的css概念,慕課網。html元素可以分為兩種 兩者的區別在於一下三點 塊級元素會獨佔一行 即無法與其他元素一同顯示在同一行內,除非你顯示修改元素的display屬性為block 而內聯元素都會顯示在一行中 塊級元素可以設定width height屬性,內聯元...

Webpack基礎之四個核心介紹

在 webpack 中,我們使用 webpack 配置物件 webpack configuration object 中的 entry 屬性來定義入口 將所有的資源 assets 歸攏在一起後,我們還需要告訴 webpack 在 打包我們的應用程式。webpack 的 output 屬性描述了如何處...