jquery實現隱藏與顯示的功能

時間 2022-04-11 16:50:14

1樓:前端報錯

trigger

hello

world

#cont1

$('#trigger').click(function());

以上是嚴格按照你的描述實現,就是使用toggle().

2樓:匿名使用者

jquery可以使用 hide() 和 show() 方法來隱藏和顯示 html 元素;

如下:$("#hide").click(function());

$("#show").click(function());

hide() 和 show() 的語法:

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

引數:可選的 speed 引數規定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。

可選的 callback 引數是隱藏或顯示完成後所執行的函式名稱。

3樓:匿名使用者

jquery提供了豐富的demo操作方法,直接呼叫即可針對dom的顯示隱藏主要方法有以下幾個

//顯示隱藏元素方法

$("#target").show();

$("#target").hide();

$("#target").fadein();

$("#target").fadeout();

$("#target").slidedown();

$("#target").slideup();

$("#target").slidetoggle()();

//判斷一個元素是否為隱藏狀態

$("#target").is(":visible");

$("#target").is(":hidden");

jquery如何實現隱藏和顯示

4樓:ct大耳牛

aaabbb

cccddd

eeefff

大概都是這個樣子,沒測試!你試試。

jquery怎麼實現點選一個按鈕控制一個div的顯示和隱藏

5樓:朱鑫哲

示例html

最簡單的方法:

toggle() 的作用就是當物件是顯示的就隱藏,當是隱藏的則顯示。

------

如果你除了顯示和隱藏之外還需要同時實現其他功能的話,可以這樣:

這裡通過自定義一個 class : show 來判斷 div 是顯示或隱藏

hasclass() 是否存在某個class

hide() 隱藏物件

show() 顯示物件

removeclass() 移除一個class

addclass() 新增一個class

除此,還可以通過jquery設定這個 div 的 css : display:none/block 來實現隱藏/顯示

ps:jquery如何刪除div裡面的某個div

思路:首先獲取到需要刪除的物件,然後使用jquery提供的 remove() 方法刪除被選元素及其子元素。

例如,對於如下的html結構:

1、刪除id為test1的div

首先使用id選擇器獲取元素,然後使用remove()函式刪除,相應**為:

$("div#test1").remove();

2、刪除所有class為test2的元素

$("#test div.test2").remove();   // 或者  $("div").remove("#test .test2");

3、刪除最後一個div

雖然該div沒有id及class屬性,但是可以從其位置關係上獲取然後刪除之:

$("#test div:last").remove();

6樓:匿名使用者

方法有很多,可以設定css,也可以使用toggle()方法;

我還是喜歡有圖有真相的方式,表達更明瞭。

比如:不習慣使用預載入函式的話,就給按鈕繫結一個單擊事件 onclick="showorhide()"即可;

核心**就是獲取到div元素,再呼叫toggle()

7樓:匿名使用者

html**如下:其中有一個button和一個divjs**如下:

$(function()

})jquery中隱藏一個元素的方法有toggle(),fadetoggle(),css('display','none')等,fadetoggle()有淡出的效果

8樓:匿名使用者

$().ready(function())})

如何用jquery來控制div的顯示與隱藏

9樓:匿名使用者

這樣寫..**有點多 而且不算是最優

你可以把option和div對應起來 我指在html頁面中全文張三

李四div1

div2

div3

//div預設為全部隱藏

$("#aa").change(function());試試

10樓:匿名使用者

問題是你的裡面的$('a1').show() ... $('a4').hide()等語句中使用的選擇器不對。

你使用的是id選擇器,所以你應該再id之前加上一個#號正確的寫法是:

$('#a1').show();

$(『#a2').hide();

$('#a3').hide();

$('#a4').hide();

11樓:匿名使用者

蘋果香蕉

西瓜青的

黃的紅的

不知道能不能滿足你。

jquery 動態實現 input 的 顯示和隱藏

12樓:阿剛燉蛋

需要動態改變文字框的css樣式,display屬性值為block則顯示,為none為隱藏。

13樓:匿名使用者

放div 裡。動態隱藏div.

14樓:狹路相逢我最勇

var a=1;

$("#a1").click(function()else

a++;});

jquery 動態實現 input 的 顯示和隱藏

15樓:梅安平季驪

需要動態改變文字框的css樣式,display屬性值為block則顯示,為none為隱藏。

16樓:阿剛燉蛋

需要動態改變文字框的css樣式,display屬性值為block則顯示,為none為隱藏。

jquery如何實現單擊同一div實現顯示和隱藏

17樓:匿名使用者

可以使用如下jquery**實現

$(object).toggle();

示例如下:

建立html**及css樣式

hi, how are you.

divspan

新增jquery**

$(function());

})顯示效果

點選前點選後

再次點選

18樓:匿名使用者

應該用到ajax,但是具體怎麼實現呢?我的想法是:通過點選不同的action,通過pageencoding="utf-8"%>

19樓:

$("#aaa).click(function())

用jquery實現頁面loading的效果,即 當頁面載入完

呵呵,一個載入的問題要考慮搜尋的話原來就這麼麻煩了。給搜尋蜘蛛看的純html.這裡面的內容是整個實際頁面的html嗎?是的話,那這個loading頁面本身載入就很笨重了,還不如直接跳到真實頁面呢。哎,可惜我不太懂搜尋,悲劇。請指教 為什麼要用絕對定位覆蓋的方法來隱藏。直接把這一層display no...

photoshop工具欄顯示與隱藏有快捷鍵嗎

普通快速操作 f1 幫助 f2 剪下 f3 拷貝 f4 貼上 f5 隱藏 顯示畫筆面板 f6 隱藏 顯示顏色面板 f7 隱藏 顯示圖層面板 f8 隱藏 顯示資訊面板 f9 隱藏 顯示動作面板 f12 恢復 shift f5 填充 shift f6 羽化 shift f7 選擇 反選 ctrl h 隱...

jquery的ready 方法與body onload有什麼區別

一般情況下都是設定body標籤的onload監聽window的load事件.但load事件是要在頁面的元素全部載入完了才觸發的,如果頁面上 較多或 太大,就會導致初始化的 未被執行的時候使用者就做了其它操作了.jquery庫提供了一個非常方便好用的函式 selector ready 讓我們可以在頁面...