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