国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

淺談Jquery核心函數

2019-11-20 12:13:29
字體:
來源:轉載
供稿:網友

      在Jquery中,所有的DOM對象都將封裝成Jquery對象,而且只有Jquery對象才能使用Jquery方法或者屬性來執行相應的操作。

所以Jquery提供了一個可以將DOM對象封裝成Jquery對象的函數,就是Jquery核心函數jquery(),也稱為工廠函數。

jquery核心函數有7個重載,分別如下:

jquery()  該函數返回一個空的jquery對象。
jquery(elements)  該函數將一個或多個DOM元素轉化為Jquery對象(或jquery集合)
jquery(callback)     該函數是jquery(document).ready(callback)的簡寫。 該函數將綁定一個在DOM文檔載入完成后執行的函數。頁面中所有需要在DOM加載完成時,執行的jquery操作,都需要包含在這個函數中。這個函數,可以在頁面中,出現多次。
jquery(expression,[context])
jquery(html)
jquery(html,props)
jquery(html,[ownerDocument])

我們詳細來看下其中的

jQuery(expression, [context])

這個函數接收一個包含 CSS 選擇器的字符串,然后用這個字符串去匹配一組元素。

通過 doc[0]、doc[1] 可以分別取出一個 DOM 對象,其它的則是一些 jQuery 對象特有的屬性和方法;實際上 jQuery 對象包裝了 DOM 對象,同時還包含了一些操作 DOM 元素的 jQuery 方法。

  在使用 jQuery 的過程中,大部分情況下第一步工作同時也是最重要的一步工作,就是取得包裝了要操作 DOM 對象的 jQuery 對象;然后通過調用取得的 jQuery 對象的方法來完成對 DOM 對象的操作。

for example

1.查找#first context中節點為p的搜有元素,并循環顯示對應的值。

$(function() {    var items = $("p", "#first");    $.each(items, function(i, n) {      alert(i);    });  });

 i為對應的index,n對應的節點

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

HTML 代碼:
<p>one</p> <div><p>two</p></div> <p>three</p>

jQuery 代碼:
$("div > p");<br>

結果:
[ <p>two</p> ]

3.在文檔的第一個表單中,查找所有的單選按鈕(即: type 值為 radio 的 input 元素)。

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

jQuery(html, [ownerDocument])

根據提供的原始 HTML 標記字符串,動態創建由 jQuery 對象包裝的 DOM 元素。

你可以傳遞一個手寫的 HTML 字符串,或者由某些模板引擎或插件創建的字符串,也可以是通過 AJAX 加載過來的字符串。

jQuery(html, props)

根據提供的原始 HTML 標記字符串,動態創建由 jQuery 對象包裝的 DOM 元素。同時設置一系列的屬性、事件等。

參數

htmlString

用于動態創建DOM元素的HTML標記字符串

propsMap

用于附加到新創建元素上的屬性、事件和方法

示例

描述:

動態創建一個 div 元素(以及其中的所有內容),并將它追加到 body 元素中。在這個函數的內部,是通過臨時創建一個元素,并將這個元素的 innerHTML 屬性設置為給定的標記字符串,來實現標記到 DOM 元素轉換的。所以,這個函數既有靈活性,也有局限性。

jQuery 代碼:

$("<div>", { "class": "test", text: "Click me!", click: function(){  $(this).toggleClass("test"); }}).appendTo("body");

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

當DOM加載完成后,執行其中的函數。

jQuery 代碼:

 $(function(){ // 文檔就緒});

以上所述就是本文的全部內容了,希望大家能夠喜歡。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 金门县| 鹿泉市| 大厂| 洛川县| 甘泉县| 沂南县| 襄城县| 邯郸县| 仙游县| 威信县| 黎城县| 佳木斯市| 荣昌县| 两当县| 南部县| 射洪县| 西林县| 永川市| 吉木乃县| 苏尼特右旗| 云和县| 吴忠市| 济南市| 苏尼特左旗| 昭平县| 马边| 遵义市| 芮城县| 都昌县| 永福县| 蒙自县| 嘉义市| 道孚县| 晋江市| 龙门县| 华阴市| 小金县| 丹寨县| 清水县| 高尔夫| 湘西|