jquery用法思想一

選擇某個網(wǎng)頁元素，然后對它進(jìn)行某種操作

jquery選擇器

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

$('li')//選擇所有的li元素$('#myId')//選擇id為myId的網(wǎng)頁元素$('.myClass')// 選擇class為myClass的元素$('input[name=first]')// 選擇name屬性等于first的input元素$('#ul1 li span')//選擇id為為ul1元素下的所有l(wèi)i下的span元素

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

$('#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元素

對選擇集進(jìn)行函數(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').next('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的元素