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

示例html

成都創新互聯專注為客戶提供全方位的互聯網綜合服務，包含不限于網站設計、成都網站設計、武陵網絡推廣、重慶小程序開發公司、武陵網絡營銷、武陵企業策劃、武陵品牌公關、搜索引擎seo、人物專訪、企業宣傳片、企業代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；成都創新互聯為所有大學生創業者提供武陵建站搭建服務，24小時服務熱線：18982081108，官方網址：www.cdcxhl.com

div?class="abc"?style="display:none"/div

input?type="button"?class="but"?/

最簡單的方法：

script

$(document).ready(function(e)?{

$(".but").click(function(e)?{

$(".abc").toggle();

});

});

/script

toggle() 的作用就是當對象是顯示的就隱藏，當是隱藏的則顯示。

------

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

script

$(document).ready(function(e)?{

$(".but").click(function(e)?{

if(?$(".abc").hasClass("show")?){

//?執行隱藏

$(".abc").hide().removeClass("show");

//?其他

}else{

//?顯示

$(".abc").show().addClass("show");

}

});

});

/script

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

hasClass() 是否存在某個class

hide() 隱藏對象

show() 顯示對象

removeClass() 移除一個class

addClass() 添加一個class

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

PS：jquery如何刪除div里面的某個div

思路：首先獲取到需要刪除的對象，然后使用jQuery提供的 remove() 方法刪除被選元素及其子元素。

例如，對于如下的HTML結構：

div id="test"

div id="test1"/div

div class="test2"/div

div class="test2"/div

div/div

/div

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();

jquery 一個按鈕點擊，復制文本內容

1、實現點擊按鈕，復制文本框中的的內容? 。

2、復制專題地址和 url 地址，傳給 QQ/MSN 上的好友。

3、直接復制 url。

4、點擊文本框時，復制文本框里面的內容。

5、復制文本框或者隱藏域中的內容。

6、復制 span 標記中的內容。

jquery如何實現點擊一個按鈕 div框從右→左，再點擊按鈕 div框從剛剛的位置移動回原來的位置？

1、新建一個html文件，命名為test.html。

2、在test.html文件內，使用div標簽創建一行文字，文字內容為“小明”。

3、在test.html文件內，設置div標簽的id屬性為mytext，主要用于下面通過該id獲得div對象。

4、在test.html文件內，使用button標簽創建一個按鈕，按鈕名稱為“切換內容”。

5、在test.html文件中，給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行func（）函數。

6、在js標簽中，創建func()函數，在函數內，通過id(mytext)獲得div對象，通過html()方法獲得div內的文本內容，使用if語句判斷獲得的文字內容是否為指定的文本內容，如果不是，則通過html()方法改變文本內容。

用jquery如何點擊button按鈕調用后臺方法查詢數據返回到彈出框內

1、新建一個html文件，命名為test.html，用于講解如何用jquery實現點擊按鈕文本框內的文字加粗。

2、在test.html文件內，使用input標簽創建一個文本框，用于文字的輸入。

3、在test.html文件內，設置input標簽的id為testid，主要用于下面通過該id獲得input對象。

4、在test.html文件內，使用button標簽創建一個按鈕，按鈕名稱為“加粗文字”。

5、在test.html文件中，給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行addstrong（）函數。

6、在js標簽中，創建addstrong()函數，在函數內，通過id(testid)獲得input對象，使用css()方法設置input對象內文字的font-weight屬性值為bolder，從而實現文字的加粗。

7、在瀏覽器打開test.html文件，點擊按鈕，查看實現的效果。