国产成人啪精品午夜在线观看_免费国产调教视频在线观看_国产免费爽爽视频免费可以看_1024手机看片国产_免费香蕉视频国产在线看_久久亚洲国产精品五月天婷_九九老司机在线视频精品_国产成人精品综合在线观看_96精品视频在线播放免费观看

IT技術(shù)

學(xué)習(xí)jQuery的一些知識(shí)點(diǎn)總結(jié)
作者:
來(lái)源: 本站
發(fā)布日期: 2018/2/23 15:32:40
點(diǎn)擊量: 4814次
【 字體:
背景顏色:

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

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

2.網(wǎng)頁(yè)上有多個(gè)<div>元素,怎樣會(huì)用jQuery來(lái)選擇它們?

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

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

ID選擇器使用ID來(lái)選擇元素,例: $("#idtest1"). 而 class選擇器使用CSS class 來(lái)選擇元素,例:$(".classtest1")。當(dāng)只需要選擇一個(gè)元素時(shí),使用ID選擇器,如果需要選擇具有相同 CSS class的元素,就要用class 選擇器。

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

4.如何在點(diǎn)擊一個(gè)按鈕時(shí)使用 jQuery 隱藏一個(gè)圖片?

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

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


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

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

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

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

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

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

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

7.怎樣找到所有HTML中 select標(biāo)簽的選中項(xiàng)?

表單選擇器與屬性選擇器的應(yīng)用

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

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

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

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

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

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

這樣就可以遍歷到每個(gè)元素了。

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

jQuery提供了append()、appendTo()等相關(guān)方法 可以將一個(gè)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之前;  
掃一掃在手機(jī)打開當(dāng)前頁(yè)

Contact

聯(lián)系我們

告訴我們您想要的吧!我們?yōu)楫?dāng)?shù)乜蛻籼峁I(yè)、及時(shí)的服務(wù)
地址:云南省昆明市白云路368號(hào)
電話:400-871-8716 (工作時(shí)間:09:00-18:00(周一至周五))
何總:23592693
李總:53815112