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>
相關文章
這篇文章主要介紹了jQuery實現(xiàn)彈出帶遮罩層的居中浮動窗口效果,涉及jQuery針對頁面元素的運算與樣式的動態(tài)修改相關技巧,需要的朋友可以參考下2016-09-09
瀑布流就是像瀑布一樣的網(wǎng)站——豐富的網(wǎng)站內容，特別是絢美的圖片會讓你流連忘返。你在瀏覽網(wǎng)站的時候只需要輕輕滑動一下鼠標滾輪，一切的美妙的圖片精彩便可呈現(xiàn)在你面前。瀑布流網(wǎng)站是新興的一種網(wǎng)站模式——她的典型代表是pinterest、美麗說、蘑菇街這類型的網(wǎng)站。2016-01-01
本文將為大家介紹下在jtable列中如何自定義button，下面有一個不錯的示例，感興趣的朋友可以參考下2013-11-11
下面小編就為大家?guī)硪黄猨Query實現(xiàn)手機版頁面翻頁效果的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章與大家分享30個精美的的 jQuery 幻燈片效果插件和教程。您可能經(jīng)常能看到一些網(wǎng)站上特色區(qū)域的內容以滾動方式變化2011-08-08
Jquery其實本身可以操作select表單，但是由于比較反鎖，沒有.net 控件那樣去操作方便，我在網(wǎng)上Google了一會，發(fā)現(xiàn)了一個不錯的專門操作select的插件，很好，使用過了，感覺蠻不錯的。2009-11-11
本教程詳細介紹下jQuery添加/刪除Select的Option項，感興趣的各位可以參考下哈2013-04-04
這篇文章主要介紹了實例講解JQuery中this和$(this)的區(qū)別,this表示當前的上下文對象是一個html對象,可以調用html對象所擁有的屬性和方法,$(this),代表的上下文對象是一個jquery的上下文對象,可以調用jquery的方法和屬性值,需要的朋友可以參考下2014-12-12
jQuery Validate插件自定義驗證規(guī)則的方法
這篇文章主要介紹了jQuery Validate插件自定義驗證規(guī)則的方法,f非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-12-12
一個簡單的JQuery each示例，使用each可以輸出JS對象、json格式的數(shù)據(jù)，大家參考使用吧2013-11-11