jquery

引用：

將獲取元素的語句寫到頁面頭部，會因為元素還沒有加載而出錯，jquery提供了ready方法解決這個問題

選擇器

jquery選擇器可以快速地選擇元素，選擇規(guī)則和css樣式相同，使用length屬性判斷是否選擇成功。

$(document)?//選擇整個文檔對象

$('li')?//選擇所有的li元素

$('#myId')?//選擇id為myId的網(wǎng)頁元素

$('.myClass')?//?選擇class為myClass的元素

$('input[name=first]')?//?選擇name屬性等于first的input元素

對選擇集進行修飾過濾(類似CSS偽類)

$('#ul1?li?span')?//選擇id為為ul1元素下的所有l(wèi)i下的span元素

$('#ul1?li:first')?//選擇id為ul1元素下的第一個li

$('#ul1?li:odd')?//選擇id為ul1元素下的li的奇數(shù)行

$('#ul1?li:eq(2)')?//選擇id為ul1元素下的第3個li

$('#ul1?li:gt(2)')?//?選擇id為ul1元素下的前三個之后的li

$('#myForm?:input')?//?選擇表單中的input元素

$('div:visible')?//選擇可見的div元素

對選擇集進行函數(shù)過濾

$('div').has('p');?//?選擇包含p元素的div元素

$('div').not('.myClass');?//選擇class不等于myClass的div元素

$('div').filter('.myClass');?//選擇class等于myClass的div元素

$('div').first();?//選擇第1個div元素

$('div').eq(5);?//選擇第6個div元素

選擇集轉(zhuǎn)移

$('div').prev('p');?//選擇div元素前面的第一個p元素

$('div').prevAll('p');?//選擇div元素前面所有的p元素

$('div').next('p');?//選擇div元素后面的第一個p元素

$('div').nextAll('p');?//選擇div元素后面所有的p元素

$('div').closest('form');?//選擇離div最近的那個form父元素

$('div').parent();?//選擇div的父元素

$('div').children();?//選擇div的所有子元素

$('div').siblings();?//選擇div的同級元素

$('div').find('.myClass');?//選擇div內(nèi)的class等于myClass的元素

jquery樣式操作

獲取div的樣式

$("div").css("width");

$("div").css("color");

設(shè)置div的樣式

$("div").css("width","30px");

$("div").css("height","30px");

$("div").css({fontSize:"30px",color:"red"});

選擇器獲取的多個元素，獲取信息獲取的是第一個，比如：$("div").css("width")，獲取的是第一個div的width。

$("#div1").addClass("divClass2")?//為id為div1的對象追加樣式divClass2

$("#div1").removeClass("divClass")??//移除id為div1的對象的class名為divClass的樣式

$("#div1").removeClass("divClass?divClass2")?//移除多個樣式

$("#div1").toggleClass("anotherClass")?//重復(fù)切換anotherClass樣式