jQuery習題的一些總結

標籤：style   color   使用   io   for   re   

1.在div元素中,包含了一個<span>元素,通過has選取器擷取<div>元素中的<span>元素的文法是? 提示使用has    

$("div:has(span)")

2.在三個<ul>元素中,分別添加多個<li>元素,通過jQuery中的子項目選取器,將這三個<ul>元素中的第一個 <li>元素隱藏,代碼是？ 提示使用first-child

$("li:first-child")hide()

3.在頁面的表單中增加了多個<input>類型的複選框元素,其中有的處於選中狀態,通過jQuery選取器,將這些 選中狀態的元素隱藏,代碼為？

$("form input:checked"）.hide();

4.如何擷取列表框元素中被選中元素的的值,代碼為:？

$("select option:selected").text()

5.使用attr方法,取消id號為test的複選框選中狀態碼為:？

$("#test").attr("checked",false);切記這裡的屬性值不能加雙引號

find()的用法?

alert($("#TrackID").find("option:selected").text());

表單元素裡擷取值用對象.val();  其他標籤裡用text或html；

jQuery追加文本的方法.append();
鍵盤敲入的字元接受的時候是在keyUp事件之後，其他keyDown,keyPress事件如果追加文本都先存在緩衝區裡!

DOM 0級註冊方式 click DOM 2級註冊方式 bind live

用click和bind方式不能給後來動態產生的對象綁定原有的事件，不用複製true的方式時就用live方法！

appendTo()：如果對象原本就存在的，如$("li:first").appendTo("ul")那麼ul裡的li數量不會變，但是會把第一個li和第二個li調換位置 <ul>   <li id="one">aa</li>   <li id="two">bb</li> </ul>

如果對象是新添加的，那麼$("<li>cc</li>").appendTo("ul")那麼ul裡的li數量會增加一個在最後。

如果想用第一種方法可以先複製一下，如：$("li:first").clone(true).appendTo("ul")那麼也會改變li的長度，true代表對象自身的事件也被複製過去了

透明度：

opacity 0完全透明  1不透明  0.5折中

$(function () {

         $(‘dd‘).hover(function () {     

            $(this).animate({ opacity: "0.5" });       

         }, function () {          

               $(this).animate({ opacity: "1" });       

      })

   })

jQuery如果在一個緊密事件裡多次追加樣式.addclass("樣式")，不會覆蓋掉原樣式，如hover()事件裡滑鼠懸浮移開就會在標籤裡class=""

裡以空格分離的形式多次在後面追加樣式，所以如果多次用到，追加後在滑鼠移開的事件裡記得清楚樣式。

jQuery可以同each()方法遍曆元素集合：

$("button").click(function(){ $("li").each(function(){ alert($(this).text()) });});

jQuery可用$.each遍曆數組：

1:相當於key value

$.each(Array, function(i, value) {

     this;      //this指向當前元素

     i;         //i表示Array當前下標

     value;     //value表示Array當前元素

});

2:相當於下標

$.each(Array, function(i) {

     this;      //this指向當前元素

   Arrayp[i]   //Arrayp[i]指向當前元素

     i;         //i表示Array當前下標

3：直接什麼都不用，this直接代替當前數組元素

 var arr = [ "one", "two", "three", "four"];     
 $.each(arr, function(){     
    alert(this);     
 });