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