Jquery顯示、隱藏元素以及添加刪除樣式
更新時(shí)間：2013年08月09日 11:16:21 作者：
顯示、隱藏元素我們可以通過css來實(shí)現(xiàn)；添加刪除樣式我們可以通過js或jquery來實(shí)現(xiàn)，下面為大家講解的是使用jquery實(shí)現(xiàn)元素的顯示隱藏及樣式的添加與刪除
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(function () {
//當(dāng)input獲取焦點(diǎn)后將其兄弟標(biāo)簽label隱藏
$("input").focus(function ()
{
$(this).siblings("label").hide();
});
});
$(function () {
//input元素失去焦點(diǎn)
$("input").blur(function ()
{
//input兄弟元素label隱藏
$(this).siblings("label").hide();
//當(dāng)input的值為""顯示其兄弟標(biāo)簽label
if ($(this).val() == "")
{
$(this).siblings("label").show();
}
});
});
$(function(){
//判斷l(xiāng)i標(biāo)簽是否有一個(gè)span標(biāo)簽
if($("li").is(":has(span)"))
{
//當(dāng)li的值為""時(shí)刪除它的class樣式active
if($(this).val()=="" )
{
$(this).removeClass(".active");
}
}});
</script>
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)九宮格拼圖小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
本篇文章主要是對Cookie中的Path與domain進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
EasyUI Datebox 日期驗(yàn)證之開始日期小于結(jié)束時(shí)間
這篇文章主要介紹了EasyUI Datebox 日期驗(yàn)證之開始日期小于結(jié)束時(shí)間,需要的朋友可以參考下2017-05-05
jquery+ajax驗(yàn)證不通過也提交表單問題處理
這篇文章主要介紹了jquery validationEngine中使用ajax驗(yàn)證不通過也提交表單問題處理,需要的朋友可以參考下2014-12-12
jQuery .attr()和.removeAttr()方法操作元素屬性示例
本文為大家詳細(xì)介紹下如何使用jQuery的.attr()和.removeAttr()方法讀取，添加，修改，刪除元素的屬性，不會的朋友可以參考下哈，希望對大家有所幫助2013-07-07
jquery+css實(shí)現(xiàn)的紅色線條橫向二級菜單效果
這篇文章主要介紹了jquery+css實(shí)現(xiàn)的紅色線條橫向二級菜單效果,界面美觀大方,簡潔實(shí)用,通過jquery遍歷及切換頁面元素實(shí)現(xiàn)這一功能,需要的朋友可以參考下2015-08-08
利用JQUERY實(shí)現(xiàn)多個(gè)AJAX請求等待的實(shí)例
下面小編就為大家分享一篇利用JQUERY實(shí)現(xiàn)多個(gè)AJAX請求等待的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了單擊和雙擊事件的沖突處理方法,需要的朋友可以參考下2014-04-04
jQuery實(shí)現(xiàn)按鈕只點(diǎn)擊一次后就取消點(diǎn)擊事件綁定的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)按鈕只點(diǎn)擊一次后就取消點(diǎn)擊事件綁定的方法,可實(shí)現(xiàn)點(diǎn)擊按鈕后取消onclick事件綁定的功能,需要的朋友可以參考下2015-06-06
javascript向后臺傳送相同屬性的參數(shù)即數(shù)組參數(shù)
在傳送參數(shù)時(shí)，經(jīng)常會碰到向后臺傳送一些相同屬性的參數(shù)，最好的選擇是采用數(shù)組的方式，下面有個(gè)不錯(cuò)的示例，大家可以參考下2014-02-02