// 第一個(gè)參數(shù)表示：樣式屬性名稱
// 第二個(gè)參數(shù)表示：樣式屬性值
$(selector).css(“color”, “red”);

// 參數(shù)為 {}（對(duì)象）
$(selector).css({“color”: “red”, “font-size”: “30px”});

// 參數(shù)表示要獲取的 樣式屬性名稱
$(selector).css(“font-size”);

$(selector).addClass(“l(fā)iItem”); //此處類型不帶點(diǎn)，所有類操作的方法類名都不帶點(diǎn)

$(selector).removeClass(“l(fā)iItem”);
$(selector).removeClass(); //不指定參數(shù)，表示移除被選中元素的所有類

$(selector).hasClass(“l(fā)iItem”); //返回值為true或false

$(selector).hasClass(“l(fā)iItem”);

// 用法一：
// 參數(shù)為數(shù)值類型，表示：執(zhí)行動(dòng)畫時(shí)長(zhǎng)
/* 單位為：毫秒（ms），參數(shù)2000表示動(dòng)畫執(zhí)行時(shí)長(zhǎng)為2000毫秒，即2秒鐘 */
$(selector).show(2000);
 
// 用法二：
// 參數(shù)為字符串類型，是jQuery預(yù)設(shè)的值，共有三個(gè)，分別是：slow、normal、fast
/* 跟用法一的對(duì)應(yīng)關(guān)系為： */
/* slow：600ms、normal：400ms、fast：200ms */
$(selector).show(“slow”);
 
// 用法三：
// 參數(shù)一可以是數(shù)值類型或者字符串類型
// 參數(shù)二表示：動(dòng)畫執(zhí)行完后立即執(zhí)行的回調(diào)函數(shù)
$(selector).show(2000, function() {});
 
// 用法四：
// 不帶參數(shù)，作用等同于 css(“display”, ”block”)
/* 注意：此時(shí)沒(méi)有動(dòng)畫效果 */
$(selector).show();

$(selector).hide(1000); 
$(selector).hide(“slow”);
$(selector).hide(1000, function(){});
$(selector).hide();

$(selector).slideDown(speed,callback); 
// 注意：省略參數(shù)或者傳入不合法的字符串，那么則使用默認(rèn)值：400毫秒（同樣適用于fadeIn/slideDown/slideUp）
$(selector).slideDown();

// 作用：讓元素以上拉動(dòng)畫效果隱藏起來(lái)
$(selector).slideUp(speed,callback);

$(selector).slideToggle(speed,callback);
// 參數(shù)等同與"隱藏和顯示"

// 作用：讓元素以淡淡的進(jìn)入視線的方式展示出來(lái)
$(selector).fadeIn(speed, callback);

// 作用：讓元素以漸漸消失的方式隱藏起來(lái)
$(selector).fadeOut(1000);

// 作用：通過(guò)改變不透明度，切換匹配元素的顯示或隱藏狀態(tài)
$(selector).fadeToggle('fast',function(){});
// 參數(shù)等同與"隱藏和顯示"

// 作用：調(diào)節(jié)匹配元素的不透明度
// 用法有別于其他動(dòng)畫效果
// 第一個(gè)參數(shù)表示：時(shí)長(zhǎng)
// 第二個(gè)參數(shù)表示：不透明度值，取值范圍：0-1
$(selector).fadeTo(1000, .5); // 0全透，1全不透
 
// 第一個(gè)參數(shù)為0，此時(shí)作用相當(dāng)于：.css(“opacity”, .5);
$(selector).fadeTo(0, .5);

// 作用：執(zhí)行一組CSS屬性的自定義動(dòng)畫
// 第一個(gè)參數(shù)表示：要執(zhí)行動(dòng)畫的CSS屬性（必選）
// 第二個(gè)參數(shù)表示：執(zhí)行動(dòng)畫時(shí)長(zhǎng)（可選）
// 第三個(gè)參數(shù)表示：動(dòng)畫執(zhí)行完后立即執(zhí)行的回調(diào)函數(shù)（可選）
$(selector).animate({params},speed,callback);

// 第一個(gè)參數(shù)表示是否清空所有的后續(xù)動(dòng)畫
// 第二個(gè)參數(shù)表示是否立即執(zhí)行完當(dāng)前正在執(zhí)行的動(dòng)畫
$(selector).stop(clearQueue,jumpToEnd);
// 常用方式
$(selector).stop();

// $()函數(shù)的另外一個(gè)作用：動(dòng)態(tài)創(chuàng)建元素
var $spanNode = $(“<span>我是一個(gè)span元素</span>”);

// 在$(selector)中追加$node
$(selector).append($node);
// 在$(selector)中追加div元素，參數(shù)為htmlString
$(selector).append('<div></div>');

// appendTo()
//作用：同append()，區(qū)別是：把$(selector)追加到node中去
$(selector).appendTo(node);
 
// prepend()
//作用：在元素的第一個(gè)子元素前面追加內(nèi)容或節(jié)點(diǎn)
$(selector).prepend(node);
 
// after()
//作用：在被選元素之后，作為兄弟元素插入內(nèi)容或節(jié)點(diǎn)
$(selector).after(node);
 
// before()
//作用：在被選元素之前，作為兄弟元素插入內(nèi)容或節(jié)點(diǎn)
$(selector).before(node);

// 動(dòng)態(tài)創(chuàng)建元素
$(selector).html(‘<span>大方啊</span>');
// 獲取html內(nèi)容
$(selector).html();

// 清空指定元素的所有子元素（光桿司令）
// 沒(méi)有參數(shù)
$(selector).empty();
$(selector).html(“”);
// “自己” 把自己（包括所有內(nèi)部元素）從文檔中刪除掉
$(selector).remove();

//作用：復(fù)制匹配的元素
// 復(fù)制$(selector)所匹配到的元素
// 返回值為復(fù)制的新元素
$(selector).clone(); 

// 第一個(gè)參數(shù)表示：要設(shè)置的屬性名稱
// 第二個(gè)參數(shù)表示：改屬性名稱對(duì)應(yīng)的值
$(selector).attr(“title”, “小花啊”); 

// 參數(shù)為：要獲取的屬性的名稱，改操作會(huì)返回指定屬性對(duì)應(yīng)的值
$(selector).attr(“title”); // 此時(shí)，返回指定屬性的值 

// 參數(shù)為：要移除的屬性的名稱
$(selector).removeAttr(“title”); 

// 作用：設(shè)置或返回表單元素的值，例如：input,select,textarea的值
// 獲取匹配元素的值，只匹配第一個(gè)元素
$(selector).val();
// 設(shè)置所有匹配到的元素的值
$(selector).val(“具體值”);

// 作用：設(shè)置或獲取匹配元素的文本內(nèi)容
//獲取操作不帶參數(shù)（注意：這時(shí)候會(huì)把所有匹配到的元素內(nèi)容拼接為一個(gè)字符串，不同于其他獲取操作?。?
$(selector).text();
//設(shè)置操作帶參數(shù)，參數(shù)表示要設(shè)置的文本內(nèi)容
$(selector).text(“我是內(nèi)容”);

// 作用：設(shè)置或獲取匹配元素的高度值
//帶參數(shù)表示設(shè)置高度
$(selector).height(200);
//不帶參數(shù)獲取高度
$(selector).height();

// 作用：設(shè)置或獲取匹配元素的寬度值
//帶參數(shù)表示設(shè)置寬度
//不帶參數(shù)獲取寬度
$(selector).width(200);

// 作用：獲取或設(shè)置元素相對(duì)于文檔左上角的位置
// 無(wú)參數(shù)表示獲取，返回值為：{left:num, top:num}，值是相對(duì)于document的位置
$(selector).offset();
// 有參數(shù)表示設(shè)置，參數(shù)推薦使用數(shù)值類型
$(selector).offset({left:100, top: 150});

、、作用：獲取或者設(shè)置元素垂直方向滾動(dòng)的位置
// 無(wú)參數(shù)表示獲取偏移
$(selector).scrollTop();
 
// 有參數(shù)表示設(shè)置偏移，參數(shù)為數(shù)值類型
$(selector).scrollTop(100); 

// 作用：獲取或者設(shè)置元素水平方向滾動(dòng)的位置
$(selector).scrollLeft(100);