快捷導(dǎo)航

Jquery實(shí)現(xiàn)的一種常用高亮效果示例代碼

更新時(shí)間：2014年01月28日 08:54:58 作者：

本篇文章只要是對(duì)Jquery實(shí)現(xiàn)的一種常用高亮效果示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助

如下所示：

<html>
<head>
    <title>jquery</title>
    <style>
        body
        {
            font-size: 12px;
        }
        li
        {
            list-style: none;
            height: 34px;
            padding-top: 5px;
        }
    </style>

    oInputs.each(function(i){
        oInputs.eq(i).focus(function(){
            oInputs.eq(i).parent().css("background-color","ccf");
        }).blur(function(){
            oInputs.parent().css("background-color","");
        })
     });


    oInputs.focus(function(){
        $(this).css("background-color","ff9").blur(function(){
            $(this).css("background-color","");
        });
    })
})
    </script>

</head>
<body>
    <ul class="demo">
        <li>
            <h5>
                注冊(cè)選項(xiàng)</h5>
        </li>
        <li>用戶名:<input type="text" value="" id="name" style="width: 200px" /></li>
        <li>密碼:<input type="password" value="" id="pass" style="width: 200px" /></li>
        <li>愛好:<input type="checkbox" value="" />籃球 <input type="checkbox" value="" />足球 <input
            type="checkbox" value="" />音樂</li>
    </ul>
    </script>
</body>
</html>

您可能感興趣的文章:

相關(guān)文章

Jquery $.getJSON 在IE下的緩存問題解決方法
$.getJSON 的url都是相同的問題來了我修改或者新增樹節(jié)點(diǎn) 然后刷新tree IE竟然毫無變化在其他瀏覽器上面都OK，于是搜到一個(gè)可行的解決方法
2014-10-10
jQuery實(shí)現(xiàn)輪播圖效果demo
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-01-01
學(xué)習(xí)jQuery中的noConflict()用法
在本篇文章中我們整理了關(guān)于學(xué)習(xí)jQuery中的noConflict()用法的相關(guān)知識(shí)點(diǎn)內(nèi)容，有需要的朋友們可以學(xué)習(xí)下。
2018-09-09
用jQuery的AJax實(shí)現(xiàn)異步訪問、異步加載
這篇文章主要介紹了用jQuery的AJax實(shí)現(xiàn)異步訪問、異步加載，jQuery的ajax異步實(shí)現(xiàn)數(shù)據(jù)交互的相關(guān)技巧,并提供了完整示例demo供讀者參考,需要的朋友可以參考下
2016-11-11
jQuery定義插件的方法
有些WEB開發(fā)者，會(huì)引用一個(gè)JQuery類庫，然后在網(wǎng)頁上寫一寫$("#")，$(".")，寫了幾年就對(duì)別人說非常熟悉JQuery。其實(shí)你只是了解一點(diǎn)皮毛，并不知道其中的道理，下面通過本篇文章給大家介紹jquery定義插件的相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧
2015-12-12
jQuery中$.grep() 過濾函數(shù) 數(shù)組過濾
這篇文章主要介紹了jQuery中$.grep() 過濾函數(shù) 數(shù)組過濾的相關(guān)資料,需非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2016-11-11
JQuery樣式與屬性設(shè)置方法分析
這篇文章主要介紹了JQuery樣式與屬性設(shè)置方法,結(jié)合實(shí)例形式分析了jQuery屬性的獲取與設(shè)置、以及樣式的添加與刪除相關(guān)操作技巧,需要的朋友可以參考下
2019-12-12
jquery中為什么能用$操作
這篇文章主要介紹了jquery中為什么能用$操作，jquery直接用$來獲取dom節(jié)點(diǎn)的方式也非常便捷方便，那么他是怎么實(shí)現(xiàn)的呢？,需要的朋友可以參考下
2019-06-06
jQuery 選擇方法及$(this)用法實(shí)例分析
這篇文章主要介紹了jQuery 選擇方法及$(this)用法,結(jié)合實(shí)例形式分析了jQuery 選擇方法及$(this)相關(guān)使用技巧與注意事項(xiàng),需要的朋友可以參考下
2020-05-05
jQuery實(shí)現(xiàn)可兼容IE6的遮罩功能詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)可兼容IE6的遮罩功能,詳細(xì)分析了jQuery遮罩層的布局、樣式及功能實(shí)現(xiàn)技巧,需要的朋友可以參考下
2017-09-09