JQuery(一)

JQuery是在JS的基礎上作了封裝

- 1.兼容性
- 2.簡潔
- 3.小巧
- 4.應用普遍

JQuery轉js $();
js轉JQuery get();

**選擇器:**

- $("p")選取所有p元素。

- $("p.intro") 選取全部包含class爲"intro"的 p 元素。

- $("#demo") 選取 id爲"demo" 的元素。

- $("[href]") 選取全部帶有 href 屬性的元素。

- $("[href='#']") 選取全部帶有 href 值等於 "#" 的元素。

- $("[href!='#']") 選取全部帶有 href 值不等於 "#" 的元素。

- $("[href$='.jpg']") 選取全部 href 值以 ".jpg" 結尾的元素。

- $("[href^='/imgaes/']") 選取全部 href 值以 /imgaes/" 開頭的元素。



**經常使用的函數方法**
    bind(type,[data],fn) 爲匹配元素綁定事件

    代碼:
    $("p").bind("click", function(){
      alert( $("p").html());
    }); 

    css(name,value)  爲元素設置樣式
    代碼:
    $("p").css("color","red");
    若是多種樣式,
    $("p").css({
        "color":"red",
        "border":"1px solid blue",
        "width":"100px",
        "height":"100px",
    });
css


    addClass(class)和removeClass(class) 添加樣式和去除樣式,實現動態的樣式效果。  
    代碼:
    $(".stripe tr").bind("mouseover", function(){
     $(this).addClass(class);
    或者
     $(this).removeClass(class);
    }); 
html


    attr(key,value)  向元素添加屬性
    代碼:
    $("img").attr("src","test.jpg");

    appendTo(content) 把匹配的元素添加到另外一個指定的元素中。
    代碼
    $(A).appendTo(B) 將A添加到B元素中,這裏的添加等因而把A移動到B元素中。
app

相關文章
相關標籤/搜索