目的
由于偶然的機(jī)會(huì)， 需要用到一些前端的基本知識(shí)進(jìn)行html上的編程臀蛛， 順便淺嘗了一下JQuery亲桦。
參考
中文版的在線手冊(cè)
選擇器
對(duì)于入門來說， JQuery最常用的應(yīng)該就是選擇器了浊仆。本人將選擇器理解成一個(gè)類似于正則搜索的表達(dá)式客峭。
使用
- 通過id找到元素： $("#元素id")。 例如：
$('#my-table')
- 向上尋找： $(this).parents('樣式')抡柿。例如：
$(this).parents('tr')
當(dāng)前元素的父元素中含有<tr>標(biāo)簽的元素
partent()支持更詳細(xì)的分類
向下尋找： $(this).children()
水平尋找：
$(this).first() //this中的第一個(gè)元素宴卖， this這里一個(gè)數(shù)組或者集合
$("p").prev() //標(biāo)簽<p>的前一個(gè)元素
$("p").next() //標(biāo)簽<p>的后一個(gè)元素
- 屬性：attr('屬性名字')。 例如
$(this).attr('id')
- text(): 可以取值绵咱， 也可以設(shè)置值。 例如：
//假設(shè)<p>Hello World<p>
$('p').text() //Hello World
$('p').text("想要設(shè)置的值") //得到<p>想要設(shè)置的值<p>
- val(): 可以取得value鼠锈， 也可以設(shè)置。在輸入框星著， 下拉選項(xiàng)中會(huì)經(jīng)常用到购笆。例如：
$("#my-widget-id").val() //取得my-widget-id的value
