JQuery 練習題(前端1+x初級)


 

1.在jQuery中被稱為工廠函數的是:( C

A、ready()     B、function()      C、$()     D、next()

 

2.下列選項中,不屬於DOM模型節點類型的是:(C

A、 元素節點  B、 屬性節點  C、 圖像節點  D、 文本節點

 

3.下列關於css()方法的寫法正確的是:(B

A、 css(color:#ccf;)        B、 css("color","#ccf")

C、 css("#ccf","color")     D、 css("color":"#ccf","font-size":"14px")

 

4.在jQuery中,能夠操作HTML代碼及其文本的方法是:( C )

A、attr()    B、text()    C、html()    D、val()

 

5.以下jQuery代碼運行后,對應的HTML代碼變為:( B )

HTML代碼: <p>你好!</p>

jQuery代碼:

$("p").append("<b>快樂達人</b>");

A、<p>你好!</p><b>快樂達人</b>

B、<p>你好!<b>快樂達人</b></p>

C、<b>快樂達人</b><p>你好!</p>

D、<p><b>快樂達人</b>你好!</p>

 

6.下列篩選選擇器中,用於獲取li元素,並選擇索引為奇數的元素是:(C

A、$("li:first")    B、$("li:last")    C、$("li:odd")    D、$("li:even")

:odd(索引值為奇數的,1,3,5)

:even(索引值為偶數的,0,2,4)

 

7.在獲取id值為btn的元素的value值,下面代碼正確的是:(A

A、$("#btn").val()        B、$("#btn").val(value)

C、$("#btn").value()      D、$("#btn").value(val)

 

 

8.在jQuery中,屬於鼠標事件方法的是:(B

A、onclick     B、mouseover()     C、onmouseout()     D、blur()

 

 

9.在jQuery中既可以模擬鼠標連續單擊事件,又可以切換元素可見狀態的方法是:(B

A、hide()     B、toggle()     C、hover()     D、slideUp()

 

10.在jQuery中,關於fadeIn()的說法正確的是:(B

A、可以改變元素的高度        B、可以改變元素的透明度

C、可以改變元素的寬度        D、與fadeIn()相對的方法是fadeOn()

 

11.在jquery中指定一個類,如果存在就執行刪除功能,如果不存在就執行添加功能,下面哪一個是可以直接完成該功能的?(B

A、removeClass()  B、deleteClass()  C、toggleClass(class)  D、addClass()

 

12.如果需要匹配包含文本的元素,用下面哪種來實現?(B

A、text()    B、contains()    C、input()    D、attr(name)

 

13.在jquey中,如果想要從DOM中刪除所有匹配的元素,下面哪一個是正確的?(C

A、delete()    B、empty()    C、remove()    D、removeAll()

  • Remove()某個div有一個單擊事件,當我把div用remove刪除了,再重新添加回來,原來的單擊事件消失;
  • detach()某個div有一個單擊事件,當我把div用remove刪除了,再重新添加回來,原來的單擊事件還存在;
  • empty()清空,刪除元素,位置還留着。

 

14.假如需要選擇頁面中唯一一個DOM元素,則(C)時最快、最高效的選擇器。

A、后代選擇器  B、類選擇器  C、ID選擇器   D、屬性選擇器

 

15.下列說法錯誤的是:(B

A、slideUp()方法通過高度變化(向上減小)來動態地隱藏所有匹配的元素。

B、在jquery中addClass()可以增加多個樣式,各個樣式間用:隔開 多個樣式用逗號隔開   

 例:Css({"color":"red","font-size":"10px"})

C、siblings() 獲得匹配集合中每個元素的同胞

D、stop() 方法停止當前正在運行的動畫。

 

1. 下面說法正確的是:(BD

A、 jQuery對象可以直接使用DOM對象的方法

B、 DOM對象不能使用jQuery對象的方法

C、 jQuery可以完全取代Javascript   不可以取代

D、 鏈式操作是jQuery代碼的風格之一

jquery上午get方法是返回存在jquery對象中的dom元素。

 

 

2.在jQuery中,能夠為元素添加CSS樣式的方法是(BD

A、 ready()    B、 css()    C、 next()    D、 addClass()

 

3.下列選項中,是屬性選擇器的是:(AC

A、 $( "img[src=.gif]" )     B、 $("img")  

C、 $( "[class=title]" )      D、 $("div>span")

 

 

4. jQuery中提供了兩種方法,分別可以停止冒泡,阻止默認的行為,例如單擊超鏈接后會自動跳轉,單擊"提交"按鈕后表單會提交等,它們是 :(AC)   

A、stopPropagation()    B、stop()     D、prevent()   C、preventDefault()

 

 

5.若要選取<ul>元素中的第三個<li>元素,則下列jQuery選擇器寫法正確的是:(B

A、$("li:odd")    B、$("li:eq(2)")    C、$("li:gt(2)")   D、$("li:lt(3)")

 

 

6.下列說法正確的是:(B

A、$("li:hidden")與$("li :hidden")選取的是同一個元素

B、$('#id[0]')需要使用轉義字符改寫才能得到正確結果

C、$(".txt.xy")與$(".txt\\.xy")獲取的是同一個元素

D、在jQuery選擇器中,多一個空格,少一個空格得到的結果都一樣

 

 

7.遍歷同輩節點的方法是:(AD

A、next()   B、parent()    C、children()    D、prev()

 

 

8.若需要對HTML代碼片段1進行操作,得到代碼片段2,則應選用jQuery代碼:( a

代碼片段1:

<p id="hello">歡迎登錄!</p>

代碼片段2:

<p id="hello"><b>kisscat</b>歡迎登錄!</p>

A、$("#hello").prepend("<b>kisscat</b>");

B、$("p").prepend("<b>kisscat</b>");

C、$("#hello").after("<b>kisscat</b>")

D、$("p").after("<b>kisscat</b>")

 

 

9.下面jQuery選擇器中,返回值是元素集合的是( bcd

A、id選擇器   B、.class 選擇器   C、元素選擇器   D、通配符選擇器

 

 

10.關於bind()方法與unbind()方法說法正確的是:(acd

A、 bind()方法可以用來移除單個或多個事件

B、 unbind()方法可以同時移除多個事件,但不能移除單個事件

C、 使用bind()方法可以同時綁定鼠標事件和鍵盤事件

D、 unbind()方法是與bind()方法對應的方法

 

Ajax

jquery中的load()方法,從服務器加載數據,並把返回的數據放入被選元素中

$(get)方法,通過http get 請求從服務器上請求數據

$(post)方法,通過http post 請求向服務器提交數據

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM