有html頁面內容如下:
<body
>
<
h5 id
="hh"
>關於jquery的介紹
h5>
<
p id
="p1"
>jquery是一門前端程式語言
p>
body
>
需要實現點選標題顯示和隱藏段落的功能。
第一種通過點選方法實現,**如下,需要注意is(":visible")的使用
doctype html
>
<
html
>
<
head
lang
="en"
>
<
meta
charset
="utf-8"
>
<
script
src="../script/jquery-2.1.4.js"
>
script
>
<
title
>
title
>
<
script
>
$(function
()
else
});});
script
>
head
>
<
body
>
<
h5 id
="hh"
>關於jquery的介紹
h5>
<
p id
="p1"
>jquery是一門前端程式語言
p>
body
>
html
>
第二種方法通過toggle使用,當toggle**如下時,效果是先出現一段文字
doctype html
>
<
html
>
<
head
lang
="en"
>
<
meta
charset
="utf-8"
>
<
script
src="../script/jquery-2.1.4.js"
>
script
>
<
title
>toggle
title
>
<
script
>
$(function
(),function
()) })
script
>
head
>
<
body
>
<
h5 id
="hh"
>關於jquery的介紹
h5>
<
p id
="p1"
>jquery是一門前端程式語言
p>
body
>
html
>
而要實現點選切換的效果,新的jquery**應該是:
doctype html
>
<
html
>
<
head
lang
="en"
>
<
meta
charset
="utf-8"
>
<
script
src="../script/jquery-2.1.4.js"
>
script
>
<
title
>toggle
title
>
<
script
>
$(function
(),function
()) })
script
>
head
>
<
body
>
<
h5 id
="hh"
>關於jquery的介紹
h5>
<
p id
="p1"
>jquery是一門前端程式語言
p>
body
>
html
>
jquery 事件切換 jQuery模擬切換事件
jquery 事件切換 使用jquery 觸發 模擬切換事件,您可以簡單地觸發如下click事件 trigger click 然後說,如果您有2個按鈕執行的功能完全相同,則可以模擬對帶有附加事件處理程式的按鈕的單擊,以促進 重用。simulate an event this parents pare...
jQuery事件 表單事件
focus 與 blur 事件 之前學過了表單處理事件focusin事件與focusout事件,同樣用於處理表單焦點的事件還有blur與focus事件 它們之間的本質區別 是否支援冒泡處理 focus 不會冒泡,在元素本身產生 focusin 會冒泡,在元素包含的元素中產生。blur與focusou...
jquery 事件 表單事件
一 focus 與 blur 與focusin focusout 的區別 是否支援冒泡處理 focusin 事件繫結在父元素div,當它內部 有input獲得焦點,會冒泡給父元素div。focusout 也是 div class box 點選觸發焦點 無反應 input type text div ...