參考資料:jQuery API Rerence
選擇器(Selectors) more...
- $("#div01"); /* document.getElementById("div01"); */
- $("a[@name]").addClass("bg_green");
尋找有name屬性的 <a />。 - $('#div01 > p:first').addClass('red');
尋找<div id='div01'>下的第一個<p />,first, last, 空就是全部的
屬性(Attributes) more...
- $("#div01").addClass('red'); /* document.getElementById('div01').className='red'; */
- $("#div01").css("border", "1px solid black");
其它
- 在每一行後面加上文字
$("#div01 ").find("p").each(function(i) {
$(this).html( $(this).html() + " 加註(" + i + ")" );
});
事件(Evnets) more...
- 當mouse移過第一行時底色會變。
$(document).ready(function() {
$('#div01 > p:first').hover(
function() {$(this).addClass("bg_green");},
function() {$(this).removeClass("bg_green");}
); - 當mouse移過每一行的<a/>時底色會變。
$("a").hover(
function() {$(this).parents("p").addClass("bg_red");},
function() {$(this).parents("p").removeClass("bg_red");
});
0 Responses to jQuery 筆記
Something to say?