jQuery切換事件

2022-08-22 22:06:14 字數 2444 閱讀 8260

有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 ...