jQuery 選取元素
阿新 • • 發佈：2022-03-26
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>this is p</p> <button type="button">click</button> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jQ_select.js"> </script> </body> </html>
//選取元素 $(selector).action // $("p") 選取p元素 // $("p.className") 選擇class=“className”的p // $("p.#id") // $("[href]") 帶有href屬性的元素// $("[href='#']") 屬性等於#的元素 // $("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。 //文件就緒函式 $(document).ready(function(){ $("button").click(function(){ $("p").css("background-color","red"); }); }); //事件 // $(selector).dblclick(function) 觸發或將函式繫結到被選元素的雙擊事件// $(selector).focus(function) 觸發或將函式繫結到被選元素的獲得焦點事件 // $(selector).mouseover(function) 觸發或將函式繫結到被選元素的滑鼠懸停事件