PHP100視頻教程演講老師：張恩民官方網站：(第107講)JQuery之選擇器、事件器詳解學習重點1、Jquery選擇器的各種用法2、Jquery事件器的介紹PHP100視頻教程(第107講)JQuery之選擇器、事件器詳解1、Jquery選擇器的各種用法$(this) 當前元素$("p") 所有<p>元素$("input") 所有input元素$(".intro") 所有class=“intro”的元素$("ro") 所有class="intro"的<p>元素$("#intro") id="intro"的第一個元素$("ul>li") ul下的所有li節點$("ulli:first") 每個<ul>的第一個<li>元素$("[href$='.jpg']") 所有帶有以".jpg"結尾的href屬性的屬性$("div#intro.head") id="intro"的<div>元素中的所有class="head"的元素$(li[a:contains('Register')]") 內容包含Register的<a>元素$("input[@name=bar]") name是bar的<input>元素$("input[@type=radio][@checked]") type是radio的<input>元素$(“li”).not(“ul”) li下沒有包含ul節點的節點元素$("span[@id]") 包含id屬性的<span>元素$("[@id=span1]") id為span1的節點元素PHP100視頻教程(第107講)JQuery之選擇器、事件器詳解2、Jquery事件器的介紹基本用法$(selector).click() 被選元素的點擊事件$(selector).dblclick() 被選元素的雙擊事件$(selector).focus() 被選元素的獲得焦點事件$(selector).mouseover() 被選元素的鼠標懸停事件$(selector).css(); 被選元素的CSS事件$(selector).hide(); 被選元素的隱藏事件$(selector).show('slow'); 被選元素的顯示事件……$(元素).事件(事件屬性);常見事件PHP100視頻教程(第107講)JQuery之選擇器、事件器詳解$(“a”).addClass(“red”) 為所有<a>增加class=”red”$(“a”).removeClass(“red”) 為所有<a>去掉class=”red”$(“li”).append(“BB!”) 為<li>增加”BB!”innerHTMLDom節點操作//hover是在執行完第一個函數后再執行第二個$(“p”).hover(function(){

$(this).addClass("hover");},function(){$(this).removeClass("hover");});//toggle第一次點擊執行第一個函數，再點擊執行第二個$(“p”).toggle(function(){ $(this).addClass("selected"); },function(){$(this).removeClass("selected");});執行事