快捷導(dǎo)航

jQuery實(shí)現(xiàn)鼠標(biāo)劃過修改樣式的方法

更新時(shí)間：2015年04月14日 15:02:53 作者：小蘿莉

這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)劃過修改樣式的方法,涉及jQuery針對鼠標(biāo)事件及樣式操作的技巧,是jQuery鼠標(biāo)事件的典型應(yīng)用,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)鼠標(biāo)劃過修改樣式的方法。分享給大家供大家參考。具體如下：

$(document).ready(function () {
 //默認(rèn)情況下樣式
 $("input:text").attr("style","border:1px solid #7E9DB9;");
 //鼠標(biāo)移入樣式
 $("input:text").mouseover(function () {
  $(this).attr("style","border:1px solid #EDBB72;");
 });
 //鼠標(biāo)移開樣式
 $("input:text").mouseout(function () {
  $(this).attr("style","border:1px solid #7E9DB9;");
 });
});

希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery 檢查某個(gè)元素在頁面上是否存在實(shí)例代碼
這篇文章主要介紹了jQuery 檢查某個(gè)元素在頁面上是否存在實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2016-10-10
jquery實(shí)現(xiàn)html頁面先加載內(nèi)容過幾秒后顯示數(shù)據(jù)
這篇文章主要給大家介紹了關(guān)于jquery實(shí)現(xiàn)html頁面先加載內(nèi)容過幾秒后顯示數(shù)據(jù)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-07-07
一個(gè)CSS+jQuery實(shí)現(xiàn)的放大縮小動(dòng)畫效果
放大縮小動(dòng)畫效果實(shí)現(xiàn)的方法有很多，下面有個(gè)不錯(cuò)的示例，使用CSS+jQuery實(shí)現(xiàn)的，感興趣的朋友可以了解下
2014-02-02
jquery nth-child()選擇器的簡單應(yīng)用
今天項(xiàng)目中遇到過一個(gè)這樣的問題，就是希望讀出來的文章列表能夠每隔五個(gè)加一個(gè)分割條，而不是每個(gè)都加。
2010-07-07
ajax圖片上傳，圖片異步上傳，更新實(shí)例
本篇文章主要介紹了ajax圖片上傳，圖片異步上傳，更新，具有一定的參考價(jià)值，有想去的可以了解一下。
2016-12-12
詳解強(qiáng)大的jQuery選擇器之基本選擇器、層次選擇器
自從接觸了jQuery后就為其強(qiáng)大的選擇器所震撼，這也正是jQuery的優(yōu)勢所在
2012-02-02
Jquery實(shí)現(xiàn)Div上下移動(dòng)示例
這篇文章主要介紹了Jquery如何實(shí)現(xiàn)Div上下移動(dòng),需要的朋友可以參考下
2014-04-04
jquery validation驗(yàn)證表單插件
這篇文章主要為大家詳細(xì)介紹了jquery validation驗(yàn)證表單插件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
jquery實(shí)現(xiàn)用戶信息修改驗(yàn)證輸入方法匯總
這篇文章主要介紹了jquery實(shí)現(xiàn)用戶信息修改驗(yàn)證輸入方法,實(shí)例匯總了jquery常用的提交、驗(yàn)證、判定、修改等相關(guān)技巧,非常實(shí)用,需要的朋友可以參考下
2015-07-07
jquery將json轉(zhuǎn)為數(shù)據(jù)字典的實(shí)例代碼
這篇文章主要介紹了jquery將json轉(zhuǎn)為數(shù)據(jù)字典的實(shí)例代碼，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-10-10