JQ

$(document).ready(function(){代碼表達(dá)式});文檔加載完畢后執(zhí)行JQ代碼

l事件

$(“#id”).click(function(){代碼表達(dá)式});點(diǎn)擊事件

$(“#id”).focus(function(){代碼表達(dá)式});獲取焦點(diǎn)事件

$(“#id”).blur(function(){代碼表達(dá)式});失去焦點(diǎn)事件

$(“#id”).mouseover(function(){代碼表達(dá)式});鼠標(biāo)懸停事件

$(“#id”).mouseout(function(){代碼表達(dá)式});鼠標(biāo)移出事件

$(“#id”).on();綁定事件

$(“#id”).hover();鼠標(biāo)事件

$(“#id”).bind(“mouseentermouseleave”,handlerInOut);

$(“#id”).hover(handlerInOut);鼠標(biāo)事件切換

$(“#id”).toggle();鼠標(biāo)點(diǎn)擊顯示隱藏切換

$(“#id”).change();元素值發(fā)生改變時(shí)相應(yīng)(textarea,select)

$(“#id”).focus();元素獲取焦點(diǎn)時(shí)

$(“#id”).blur();元素失去焦點(diǎn)時(shí)

l獲取內(nèi)容

$(“#id”).text()返回所選元素的文本內(nèi)容

$(“#id”).html()返回所選元素的內(nèi)容(包括HTML標(biāo)記)

$(“#id”).val()返回所選元素的表單字段的值

$(“#id”).attr(“src”)返回所屬元素的屬性值

l設(shè)置內(nèi)容

$(“#id”).text(“文本”)設(shè)置文本內(nèi)容

$(“#id”).html(“HTML”)設(shè)置HTML內(nèi)容

$(“#id”).val(“值”)設(shè)置值

$(“#id”).attr(“href”,”http://www.baidu.com”)設(shè)置href

l設(shè)置多個(gè)屬性值

$(“#id”).attr({

“href” : “http://www.baidu.com”,

“title” : “title”,

“src” : “src”

});

l添加元素

$(“#id”).append()在被選元素的結(jié)尾插入內(nèi)容(直接在標(biāo)簽里面插入內(nèi)容)

$(“#id”).prepend()在被選元素的開(kāi)頭插入內(nèi)容(直接在標(biāo)簽里面插入內(nèi)容)

$(“#id”).after()在被選元素之后插入內(nèi)容(在標(biāo)簽后面插入內(nèi)容)

$(“#id”).before()在被選元素之前插入內(nèi)容(在標(biāo)簽后面插入內(nèi)容)

l創(chuàng)建元素

Var txt1= $(“”).text(“Text”)JQ創(chuàng)建新元素

Var txt2= “

Text

”HTML創(chuàng)建新元素

Var txt3= Document.createElement(“p”)

Txt3.innertHTML=”Text”;DOM創(chuàng)建新元素

$(“#id”).append(txt1,txt2,txt3)追加元素

l刪除元素

$(“#id”).remove()刪除元素

$(“#id”).empty()刪除被選元素的子元素

$(“p”).remove(“.p”)刪除P標(biāo)簽下類(lèi)名為P的元素

$(“img”).removeAttr(“src”)刪除圖像的src屬性

l設(shè)置CSS類(lèi)

$(“#id”).addClass()向所選元素添加一個(gè)或多個(gè)類(lèi)

$(“#id”).removeClass()從被選元素刪除一個(gè)或多個(gè)類(lèi)

$(“#id”).css()返回被選元素樣式屬性

$(“#id”).toggleClass()對(duì)被選元素進(jìn)行添加/刪除類(lèi)的切換操作

l尺寸

$(“#id”).width()設(shè)置或返回元素的寬度

$(“#id”).height()設(shè)置或返回元素的高度

$(“#id”).innerWidth()返回元素的寬度(含內(nèi)邊距)

$(“#id”).innerHeight()返回元素的高度(含內(nèi)邊距)

$(“#id”).outerWidth()返回元素的寬度(含內(nèi)邊距和邊框和外邊距)

$(“#id”).outerHeight()返回元素的高度(含內(nèi)邊距和邊框和外邊距)

l遍歷

$(“#id”).parent()返回被選元素的直接父元素

$(“#id”).parents()返回被選元素的所有祖先元素

$(“#id”).parentsUntil()返回介于2個(gè)給定元素之間的所有祖先元素

$(“#id”).children()返回被選元素的直接子元素

$(“#id”).find()返回被選元素的所有后代元素

$(“#id”).siblings()返回被選元素的所有同胞元素

$(“#id”).next()返回被選元素的下一個(gè)同胞元素

$(“#id”).nextAll()返回被選元素的下面的所有同胞元素

$(“#id”).nextUntil()返回介于2個(gè)給定元素直接的所有同胞元素

$(“#id”).prev()返回被選元素的上一個(gè)同胞元素

$(“#id”).prevAll()返回被選元素的上面的所有同胞元素

$(“#id”).first()返回被選元素的首個(gè)元素

$(“#id”).last()返回被選元素的最后一個(gè)元素

$(“l(fā)i”).eq()返回被選元素中帶有指定索引號(hào)的元素

$(“p”).filter(類(lèi)名或ID名)返回匹配的元素

$(“p”).not(類(lèi)名或ID名)返回不匹配的元素

lAJAX

$(“#id”).load(url,callback函數(shù))從服務(wù)器加載數(shù)據(jù)畜疾,并把數(shù)據(jù)放入被選元素中

$.get(url,callback函數(shù))以GET方式從服務(wù)器上請(qǐng)求數(shù)據(jù)

$.post(url,data,callback函數(shù))以POST方式從服務(wù)器上請(qǐng)求數(shù)據(jù)

$.getJSON(url,data,callback)以GET方式來(lái)加載遠(yuǎn)程JSON數(shù)據(jù)

$.ajax()把遠(yuǎn)程數(shù)據(jù)加載到XMLHttpRequest對(duì)象中

例子:

$.ajax({

url : “www.baidu.com”,

status : “success”

})

lJSON對(duì)象

Var obj = Eval(JSON對(duì)象)解析JSON對(duì)象數(shù)據(jù)

l選擇器

$(“tr:odd”)查找表格的2,4,6行

$(“tr:add”)查找表格的1,3,5行

$(“form > input”)匹配表單中的所有子級(jí)input元素

$(“tr:eq(0)”)查找第一行

$(“tr:gt(0)”)查找比第一行大的行

$(“tr:lt(2)”)查找比第三行小的行

$(“:header”)匹配如h1,h2之類(lèi)的標(biāo)題元素

$(“td:empty”)查找所有不包含子元素或者文本的空元素

$(“div:has(p)”)匹配含有p元素的div元素

$(“td:parent”)查找所有含有子元素或者文本的td元素

$(“tr:hidden”)查找隱藏的tr

$(“input:hidden”)查找type為hidden的元素

$(“tr:visible”)查找所有可見(jiàn)的tr元素

$(“:checkbox”)查找所有復(fù)選框

$(“input:checked”)查找所有選中的復(fù)選框

l篩選

$(“div”).hasClass()檢查當(dāng)前元素是含有某個(gè)特定的類(lèi)

$(“p”).slice(0,2)選擇前2個(gè)P元素

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末缴渊,一起剝皮案震驚了整個(gè)濱河市乾蛤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,110評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異玉控,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)兼砖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)奸远,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人讽挟,你說(shuō)我怎么就攤上這事懒叛。” “怎么了耽梅?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,474評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵薛窥,是天一觀(guān)的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng)诅迷,這世上最難降的妖魔是什么佩番? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,881評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮罢杉,結(jié)果婚禮上趟畏,老公的妹妹穿的比我還像新娘。我一直安慰自己滩租,他們只是感情好赋秀,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,902評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著律想,像睡著了一般猎莲。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上技即,一...
    開(kāi)封第一講書(shū)人閱讀 51,698評(píng)論 1 305
  • 那天著洼,我揣著相機(jī)與錄音,去河邊找鬼而叼。 笑死身笤,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的澈歉。 我是一名探鬼主播展鸡,決...
    沈念sama閱讀 40,418評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼埃难!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起涤久,我...
    開(kāi)封第一講書(shū)人閱讀 39,332評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤涡尘,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后响迂,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體考抄,經(jīng)...
    沈念sama閱讀 45,796評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,968評(píng)論 3 337
  • 正文 我和宋清朗相戀三年蔗彤,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了川梅。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,110評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡然遏,死狀恐怖贫途,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情待侵,我是刑警寧澤丢早,帶...
    沈念sama閱讀 35,792評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響怨酝,放射性物質(zhì)發(fā)生泄漏傀缩。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,455評(píng)論 3 331
  • 文/蒙蒙 一农猬、第九天 我趴在偏房一處隱蔽的房頂上張望赡艰。 院中可真熱鬧,春花似錦斤葱、人聲如沸慷垮。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,003評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)换帜。三九已至,卻和暖如春鹤啡,著一層夾襖步出監(jiān)牢的瞬間惯驼,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,130評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工递瑰, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留祟牲,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,348評(píng)論 3 373
  • 正文 我出身青樓抖部,卻偏偏與公主長(zhǎng)得像说贝,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子慎颗,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,047評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 一乡恕、基本選擇器:#### A:$('li:first') //第一個(gè)元素B:$('li:last') //最后一個(gè)...
    貞貞姐閱讀 620評(píng)論 5 9
  • 通過(guò)jQuery,您可以選雀┪(查詢(xún)傲宜,query)HTML元素,并對(duì)它們執(zhí)行“操作”(actions)夫啊。 jQuer...
    枇杷樹(shù)8824閱讀 657評(píng)論 0 3
  • 對(duì)jq能熟練運(yùn)用后在回頭發(fā)現(xiàn)函卒,曾今的坑其實(shí)這兩本書(shū)多多少少都能提到,當(dāng)時(shí)知道有這兩本好書(shū)撇眯,但是自己卻沒(méi)看报嵌,如今在回...
    coderLfy閱讀 1,060評(píng)論 6 19
  • 各位踐行12班得007er們,大家好: 我是北京的孟月玲熊榛,剛過(guò)40歲生日锚国。在北京生活了近15年,安家北京来候,育有一...
    孟yueling閱讀 466評(píng)論 0 4
  • 如果可以 我想買(mǎi)馬去南山 不騎 看它吃草 如果可以 我想栽一朵花 在你的肩頭 人群中我一眼看到你 如果可以 我會(huì)醬...
    丹崖閱讀 200評(píng)論 0 7