當前位置：首頁 > 人文社科 > 生活经验 >内容正文

生活经验

jquery 监听的案例

發布時間：2023/11/27 生活经验 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 jquery 监听的案例小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

jQuery 簡介

jQuery 是一個 JavaScript 庫。

jQuery 使用

可以下載一個,也可以使用Staticfile CDN、百度、又拍云、新浪、谷歌和微軟的服務器都存有 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 元素，并對選取的元素執行某些操作。

基礎語法：?$(selector).action()

美元符號定義 jQuery
選擇符（selector）"查詢"和"查找" HTML 元素
jQuery 的 action() 執行對元素的操作

一個現實與隱藏元素的案例

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>如果你點擊“隱藏” 按鈕，我將會消失。</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>如果你點擊“隱藏” 按鈕，我將會消失。</p><button class="hide">隱藏</button><button class="show">顯示</button></body></html>

總結

以上是生活随笔為你收集整理的jquery 监听的案例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：市场分析师主要做什么工作具体一些谢
下一篇： qq男生网名大全