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