但感覺這樣寫很沒意思。

jquery的優(yōu)勢(shì)就是簡(jiǎn)單的代碼就能帶來更好的用戶體驗(yàn)。

所以就找?guī)讉€(gè)我感覺實(shí)用的例子，拿出來介紹下。順帶把其中用到的操作和事件介紹下。

html代碼：

<input type="text" id="address" value="請(qǐng)輸入郵箱地址"/>

jquery代碼：

實(shí)現(xiàn)的效果就是地址框獲取鼠標(biāo)焦點(diǎn)時(shí)，地址框中的值清空。失去鼠標(biāo)焦點(diǎn)的時(shí)候，地址框恢復(fù)默認(rèn)設(shè)置。

介紹下這里用到的jquery事件：

focus()是當(dāng)jquery對(duì)象得到鼠標(biāo)焦點(diǎn)時(shí)候觸發(fā)，blur()是當(dāng)jquery對(duì)象失去鼠標(biāo)焦點(diǎn)時(shí)候觸發(fā)

順帶介紹下其他鼠標(biāo)的事件。mouseover()是鼠標(biāo)移入對(duì)象觸發(fā)。mouseout()鼠標(biāo)移出對(duì)象觸發(fā)。mousemove()是鼠標(biāo)在對(duì)象中移動(dòng)時(shí)觸發(fā)。

用到的jquery的dom操作：

val()是獲取元素value的值，也可以設(shè)置元素value的值。這個(gè)在一個(gè)函數(shù)內(nèi)實(shí)現(xiàn)獲取和設(shè)置的方法在jquery中是很常見的

類是的還有html(),text(),heigth(),width(),css(),attr()等等。

這里區(qū)分下html()和text()

html()是相對(duì)于對(duì)象中html代碼，而text()只是對(duì)象中的文本內(nèi)容

舉個(gè)例子<p><strong>區(qū)別</strong></p>

$('p').html()。結(jié)果是<strong>區(qū)別</strong>

$('p').text().結(jié)果是 區(qū)別

這個(gè)實(shí)例的介紹和拓展就說到這了把

最新評(píng)論