這是很容易的操作,也是jquery的基本操作,首先給div分配一個id,然后點擊按鈕的時候觸發顯示代碼就可以啦,觸發的代碼是這樣的:$(“#id”).show()
創新互聯專注于坊子企業網站建設,響應式網站建設,商城系統網站開發。坊子網站建設公司,為坊子等地區提供建站服務。全流程按需定制設計,專業設計,全程項目跟蹤,創新互聯專業和態度為您提供的服務
用jquery實現點擊顯示,再一次點擊隱藏的方法是使用toggle方法。
說明:toggle() 方法切換元素的可見狀態。
如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。
舉例說明:
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle(1000);
});
});
/script
/head
body
pThis is a paragraph./p
button class="btn1"Toggle/button
/body
/html
代碼解讀:
$(".btn1").click(function(){
$("p").toggle(1000); //控制文件This is a paragraph的顯示和隱藏,如果當前是顯示的,點擊就隱藏了。
});
$(this).find('#tli0 div').slideDown(200);
$(this)已經是$("#tli0")了,$(this).find('#tli0 div')相當于'#tli0 #tli0 div'
是錯在這個地方。
$('#show').hover(function(){
$(this).show();
},?function(){
$(this).hide();
});
1、新建HTML文件。
2、引入jquery.min.js文件。
3、創建HTML內容。
4、預覽效果如圖。
5、用jquery創建點擊事件,點擊隱藏按鈕,p內容隱藏。
6、用jquery創建點擊事件,點擊顯示按鈕,p內容顯示。
7、預覽如圖當點擊隱藏按鈕,p內容隱藏。
1、新建一個html文件,命名為test.html。
2、在test.html文件內,引入jquery.min.js庫文件,成功加載該文件,才能使用jquery中的方法。
3、在test.html文件內,在p標簽內,使用button標簽創建一個按鈕,按鈕名稱為“按鈕”。
4、在test.html文件內,設置button標簽的id為mybtn,主要用于下面通過該id獲得button對象。
5、在test.html文件中,給button按鈕綁定onclick點擊事件,當按鈕被點擊時,執行btnfun()函數。
6、在js標簽中,創建btnfun()函數,在函數內,通過id(mybtn)獲得button對象,使用attr()方法將disabled屬性設置為disabled,讓按鈕變成不可用狀態即可。