jquery 监听的案例
生活随笔
收集整理的這篇文章主要介紹了
jquery 监听的案例
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
jQuery 簡(jiǎn)介
jQuery 是一個(gè) JavaScript 庫。
jQuery 使用
可以下載一個(gè),也可以使用Staticfile CDN、百度、又拍云、新浪、谷歌和微軟的服務(wù)器都存有 jQuery 。
Staticfile CDN:?https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js
百度 CDN:https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
新浪 CDN:https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
jQuery 語法
jQuery 語法是通過選取 HTML 元素,并對(duì)選取的元素執(zhí)行某些操作。
基礎(chǔ)語法:?$(selector).action()
- 美元符號(hào)定義 jQuery
- 選擇符(selector)"查詢"和"查找" HTML 元素
- jQuery 的 action() 執(zhí)行對(duì)元素的操作
一個(gè)現(xiàn)實(shí)與隱藏元素的案例
id的
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><!--<script type="text/javascript" src="js/jquery-3.3.1.js"></script>--><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script><title>顯示隱藏元素</title></head><script>$(document).ready(function(){$("#hide").click(function(){$("p").hide()});$("#show").click(function(){$("p").show()})})</script><body><p>如果你點(diǎn)擊“隱藏” 按鈕,我將會(huì)消失。</p><button id="hide">隱藏</button><button id="show">顯示</button></body></html>
class 的
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><!--<script type="text/javascript" src="js/jquery-3.3.1.js"></script>--><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script><title>顯示隱藏元素</title></head><script>$(document).ready(function(){$(".hide").click(function(){$("p").hide()});$(".show").click(function(){$("p").show()})})</script><body><p>如果你點(diǎn)擊“隱藏” 按鈕,我將會(huì)消失。</p><button class="hide">隱藏</button><button class="show">顯示</button></body></html>
?
總結(jié)
以上是生活随笔為你收集整理的jquery 监听的案例的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 市场分析师 主要做什么工作 具体一些 谢
- 下一篇: qq男生网名大全