<dfn id="w48us"></dfn><ul id="w48us"></ul>
  • <ul id="w48us"></ul>
  • <del id="w48us"></del>
    <ul id="w48us"></ul>
  • Jquery的核心函數(shù)

    時間:2024-08-31 16:20:52 jQuery 我要投稿
    • 相關(guān)推薦

    關(guān)于Jquery的核心函數(shù)

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

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

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

      jquery() 該函數(shù)返回一個空的jquery對象。

      jquery(elements) 該函數(shù)將一個或多個DOM元素轉(zhuǎn)化為Jquery對象(或jquery集合)

      jquery(callback) 該函數(shù)是jquery(document).ready(callback)的簡寫。 該函數(shù)將綁定一個在DOM文檔載入完成后執(zhí)行的函數(shù)。頁面中所有需要在DOM加載完成時,執(zhí)行的jquery操作,都需要包含在這個函數(shù)中。這個函數(shù),可以在頁面中,出現(xiàn)多次。

      jquery(expression,[context])

      jquery(html)

      jquery(html,props)

      jquery(html,[ownerDocument])

      我們詳細來看下其中的

      jQuery(expression, [context])

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

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

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

      for example

      1.查找#first context中節(jié)點為p的搜有元素,并循環(huán)顯示對應(yīng)的值。

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

      i為對應(yīng)的index,n對應(yīng)的節(jié)點

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

      HTML 代碼:

      one

      two

      three

      jQuery 代碼:

      $("div > p");

      結(jié)果:

      [

      two

      ]

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

      jQuery 代碼:

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

      jQuery(html, [ownerDocument])

      根據(jù)提供的原始 HTML 標記字符串,動態(tài)創(chuàng)建由 jQuery 對象包裝的 DOM 元素。

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

      jQuery(html, props)

      根據(jù)提供的原始 HTML 標記字符串,動態(tài)創(chuàng)建由 jQuery 對象包裝的 DOM 元素。同時設(shè)置一系列的屬性、事件等。

      參數(shù)

      htmlString

      用于動態(tài)創(chuàng)建DOM元素的HTML標記字符串

      propsMap

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

      示例

      描述:

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

      jQuery 代碼:

      $("

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

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

      當DOM加載完成后,執(zhí)行其中的函數(shù)。

      jQuery 代碼:

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

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

    【Jquery的核心函數(shù)】相關(guān)文章:

    淺析jQuery 遍歷函數(shù)javascript08-06

    jQuery 源碼分析和Ready函數(shù)06-28

    jQuery程序設(shè)計08-05

    jquery提交按鈕的代碼07-28

    jQuery中prev()方法用法07-16

    jQuery中replaceAll()方法用法10-15

    如何理解jquery事件冒泡09-15

    jQuery的DOM操作筆記07-29

    jQuery中parent()和siblings()的問題10-16

    讓你我減少對jQuery的依賴度07-21

    主站蜘蛛池模板: 热re99久久6国产精品免费| HEYZO无码综合国产精品| 无码日韩人妻精品久久蜜桃| 91精品啪在线观看国产电影| 亚洲国产精品无码专区| 欧美精品一本久久男人的天堂| 亚洲国产精品VA在线观看麻豆| 国产亚洲精品资在线| 精品在线免费观看| 国产精品亚洲A∨天堂不卡| 亚洲AV日韩精品一区二区三区 | 国产精品区AV一区二区| 国产精品成人观看视频国产奇米| 欧美精品VIDEOSEX极品| 国产韩国精品一区二区三区| 97在线精品视频| 国产中老年妇女精品| 亚洲国产另类久久久精品| 久久久久成人精品无码| 国产精品免费久久久久影院 | 国产亚洲精品资在线| 亚洲欧美精品伊人久久| 99久久免费国产精品热| 国产亚洲欧美精品久久久| 在线观看91精品国产网站| 欧美精品整片300页| 国产三级精品三级| 国产精品成人久久久久三级午夜电影 | 国产精品一区二区三区99| 亚洲欧美日韩精品| 亚洲国产成人久久精品动漫 | 亚洲国产精品久久| 国产精品久久国产精品99盘| 3D动漫精品一区二区三区| 国产精品白浆在线观看免费| 国产精品亚洲片在线观看不卡| 麻豆成人久久精品二区三区免费| 亚洲αv在线精品糸列| 中文字幕在线亚洲精品| 亚洲综合av永久无码精品一区二区| 无码精品蜜桃一区二区三区WW|