DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jquery顯示、隱藏元素以及添加刪除樣式
Jquery顯示、隱藏元素以及添加刪除樣式
編輯:JQuery特效代碼     
. 代碼如下:
<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(){
//判斷li標簽是否有一個span標簽
if($("li").is(":has(span)"))
{
//當li的值為""時刪除它的class樣式active
if($(this).val()=="" )
{
$(this).removeClass(".active");
}
}});
</script>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved