IT技術(shù)

學習jQuery的一些知識點總結(jié)
作者:
來源: 本站
發(fā)布日期: 2018/2/23 15:32:40
點擊量: 4802次
【 字體:
背景顏色:

1. jQuery 庫中的 $() 是什么?

$()函數(shù)是JQuery函數(shù)的別稱,就是一種標志,符合其思想:write less,do more。第一次接觸可能有些不適應,是jQuery代碼佶屈聱牙,晦澀難懂。我們需要適應一段時間,過一段時間,就會愛上其簡潔,方便,飛起來。
$()函數(shù)用于將任何對象包裹成jQuery對象,接著就可以被允許調(diào)用定義在jQuery對象上的多個不同方法。甚至可以將一個選擇器字符串傳入 $()函數(shù),它會返回一個包含所有匹配的DOM 元素數(shù)組的jQuery對象??梢杂胑ach()方法進行遍歷里面的對象。

2.網(wǎng)頁上有多個<div>元素,怎樣會用jQuery來選擇它們?

這個問題是jQuery基于選擇器的。jQuery支持不同類型的選擇器,有 ID選擇器、class選擇器、標簽選擇器。這個問題的答案是使用標簽選擇器來選擇所有的div元素。jQuery代碼: 
$("div").
其返回值是一個包含5個div標簽的jQuery對象。

3.jQuery里的ID選擇器和class選擇器有什么不同?

ID選擇器使用ID來選擇元素,例: $("#idtest1"). 而 class選擇器使用CSS class 來選擇元素,例:$(".classtest1")。當只需要選擇一個元素時,使用ID選擇器,如果需要選擇具有相同 CSS class的元素,就要用class 選擇器。

  1. <span style="font-size:18px;">$("#idTest1");//返回 id 是idTest1的jQuery對象  
  2. $(".classTest1");//返回的是class是 classTest1的所有元素的一個jQuery數(shù)組</span>  
這里和CSS里的標記符合 (#,.) 是一 一 對應的。

4.如何在點擊一個按鈕時使用 jQuery 隱藏一個圖片?

此功能是jQuery的事件處理問題。jQuery為按鈕點擊之類的事件提供了很好的支持??梢酝ㄟ^ID或class選擇器定位到圖片,并將按鈕綁定事件,再執(zhí)行hide()方法。

  1. //為按鈕綁定點擊事件  
  2. $("#button1").click(function(){  
  3.     //執(zhí)行hide()方法  
  4.     $("#img1").hide();  
  5. });  


5.$(document).ready( ) 函數(shù)是什么?干什么用的?

ready( ) 函數(shù)用于在文檔進入ready狀態(tài)時執(zhí)行代碼。當DOM完全加載(HTML被完全解析DOM樹構(gòu)建完成時),jQuery允許我們的執(zhí)行代碼。使用$(document).ready()的最大好處在于它適用于所有瀏覽器,jQuery幫我們解決了跨瀏覽器的問題。

6.javascript中的window.onload()事件與jQuery中的$(document).ready( )函數(shù) 的異同?

前者,window.onload( ) 事件需要等待 DOM被創(chuàng)建,還要等待包括 大型圖片、音頻、視頻等 所有的外部資源全部都加載完全,才能執(zhí)行; 

如果圖片、視頻等內(nèi)容的加載花費時間過多,就會有明顯的延遲。更嚴重的是使用戶感受到。。。say byebye。。。

后者,$().ready( ) 函數(shù),只需要等待DOM樹的建立完成,而不需要等待圖片、音頻、視頻的大型文件的加載,從而執(zhí)行的會更快。

再有,在網(wǎng)頁中可以多次使用ready( ) ,瀏覽器會按照其在HTML頁面里出現(xiàn)的順序執(zhí)行,而onload只執(zhí)行一次。

7.怎樣找到所有HTML中 select標簽的選中項?

表單選擇器與屬性選擇器的應用

  1. $("選擇器:selected")  

8.jQuery中的each( ) 是什么函數(shù)? 如何使用它?

我們使用選擇器進行選擇時,例如涉及到選擇class的相關(guān)操作,其返回值是jQuery數(shù)組,我們想要獲取數(shù)組中的每一個值,這是就要用到each()函數(shù)了。

each()函數(shù)類似于Java中集合中遍歷所使用的 Iterator 迭代器,允許我們遍歷一個元素的集合。

可以傳一個函數(shù)給each()方法,被調(diào)用的jQuery對象會在其每個元素上執(zhí)行傳入的函數(shù)。

  1. $(".classTest1").each(function(){  
  2.     //this指代遍歷到的元素,$(this),將js轉(zhuǎn)換為jQuery對象,text()方法是jQuery的特有方法  
  3.     alert($(this).text())  
  4. });  

這樣就可以遍歷到每個元素了。

9.如何將一個HTML元素添加到DOM樹中?

jQuery提供了append()、appendTo()等相關(guān)方法 可以將一個HTML元素添加到DOM樹中。

相關(guān)用法如下

內(nèi)部(子元素):

  1. $A.append($B)       -->將$B追加到$A內(nèi)部后;  
  2. $A.appendTo($B)     -->將$A追加到$B內(nèi)部后;  
  3. $A.prepend($B)      -->將$B添加到$A內(nèi)部前;  
  4. $A.prependTo($B)    -->將$A添加到$B內(nèi)部前;  
外部(兄弟元素):
  1. $A.after($B)        -->將$B添加找$A之后;  
  2. $A.before($B)       -->將$B添加找$A之前;  
  3. $A.insertAfter($B)  -->將$A添加找$B之后;  
  4. $A.insertBefore($B) -->將$A添加找$B之前;  
掃一掃在手機打開當前頁

Contact

聯(lián)系我們

告訴我們您想要的吧!我們?yōu)楫數(shù)乜蛻籼峁I(yè)、及時的服務
地址:云南省昆明市白云路368號
電話:400-871-8716 (工作時間:09:00-18:00(周一至周五))
何總:23592693
李總:53815112
亚洲日韩在线a在线观看,欧美激情 在线观看,97色伦图片97综合影院,成人AV天堂一二三在线观看,欧美色吧视频在线观看,国产l精品国产亚洲区,久久综合亚洲图片,99久久国产综合精品1,久久AⅤ无码AV高潮AV喷吹,亚洲综合无码一区二区三区不卡
国产人妖在线观看一区二区| 最新无码人妻在线不卡| 国产成人精品无码免费看| 久久久无码精品午夜| 少妇无码av无码专区| 亚洲成AV人片在线观看无| 国产午夜福利精品一区二区三区| 免费A级毛片无码免费视频首页| 国产精品va无码免费| 青娱乐精品视频在线观看| 日韩成AV人片在线观看| 亚洲首页一区任你躁xxxxx| 亚洲大尺度av高潮喷吹| 亚洲成A人片在线观看无码| 欧美黑人xxxx又粗又长| 久久久久久久无码精品二区| 欧美熟妇性XXXX交| 亚洲高清无码视频在线观看| 久热国产vs视频在线观看| 国模少妇一区二区三区| 亚洲精品一品区二品区三品区| 亚洲AV无码专区在线电影| 少妇人妻精品一区二区三区| 国产av无码专区亚洲av手机麻豆| 人妻无码久久中文字幕专区| 国产免费久久精品| 国产午夜无码片在线观看影院| 亚洲a就级毛片| 国产乱人伦偷精品视频免下载| 免费又大粗又爽又黄少妇毛片| 黄色免费网站在线播放| 亚洲AV无码之国产精品网址蜜芽| 国产精品久久久久影片| 九九久久久久午夜精选| 国产98在线 | 日韩| 精品人妻系列无码人妻不卡| 中文无码人妻有码人妻中文字幕| 亚洲欧美成人久久综合中文网| 麻豆成人精品国产免费| 69堂午夜精品视频在线| 国产免费观看av大片的网站|