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