jquery基本文法

標籤：

$(this).hide()
    示範 jQuery 的 hide() 函數，隱藏當前的 HTML 元素。
$("p").hide()
    示範 jQuery 的 hide() 函數，隱藏所有 <p> 元素。
$(".test").hide()
    示範 jQuery 的 hide() 函數，隱藏所有 class="test" 的元素。
$("#test").hide()
    示範 jQuery 的 hide() 函數，隱藏 id="test" 的元素。

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

$("[href=‘#‘]") 選取所有帶有 href 值等於 "#" 的元素。

$("[href!=‘#‘]") 選取所有帶有 href 值不等於 "#" 的元素。

$("[href$=‘.jpg‘]") 選取所有 href 值以 ".jpg" 結尾的元素。

jQuery CSS 選取器

jQuery CSS 選取器可用於改變 HTML 元素的 CSS 屬性。

下面的例子把所有 p 元素的背景顏色更改為紅色：
執行個體

$("p").css("background-color","red");


$(this)     當前 HTML 元素
$("p")             所有 <p> 元素
$("p.intro")     所有 class="intro" 的 <p> 元素
$(".intro")     所有 class="intro" 的元素
$("#intro")     id="intro" 的元素
$("ul li:first")     每個 <ul> 的第一個 <li> 元素
$("[href$=‘.jpg‘]")     所有帶有以 ".jpg" 結尾的屬性值的 href 屬性
$("div#intro .head")     id="intro" 的 <div> 元素中的所有 class="head" 的元素

JQuery事件


下面是 jQuery 中事件方法的一些例子：
Event 函數     綁定函數至
$(document).ready(function)     將函數綁定到文檔的就緒事件（當文檔完成載入時）
$(selector).click(function)     觸發或將函數綁定到被選元素的點擊事件
$(selector).dblclick(function)     觸發或將函數綁定到被選元素的雙擊事件
$(selector).focus(function)     觸發或將函數綁定到被選元素的獲得焦時間點事件
$(selector).mouseover(function)     觸發或將函數綁定到被選元素的滑鼠移至上方事件




jQuery Fading方法

    fadeIn() //用於淡入已隱藏的元素
    fadeOut()  //用於淡出可見元素
    fadeToggle()  //fadeIn()與fadeOut() 之間的切換，括弧裡可以加入時間來顯示和隱藏的速度；
    fadeTo()  // 方法允許漸層為給定的不透明度（值介於 0 與 1 之間）。
    
jQuery滑動
    
    
    slideDown()方法用於向下滑動元素。$(selector).slideDown(speed,callback);
    slideUp()   方法用於向上滑動元素。文法：$(selector).slideUp(speed,callback);
    slideToggle() 在 slideDown() 與 slideUp() 方法之間進行切換。$(selector).slideToggle(speed,callback);


animate自訂動畫


擷取屬性 - attr()

jquery基本文法