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 监听的案例相关推荐

jquery监听向上向下滑动，滑动执行操作
jquery监听向上向下滑动,滑动执行操作 // 滚动之前 var beforeScrollTop = $(window).scrollTop(); $(window).on("scroll ...
jquery监听窗口大小改变事件jquery.resizeend
方法一: $(function(){// Bind the resize event. When any test element's size changes, update its// corre ...
php 监听条码枪输入,使用jQuery监听扫码枪输入并禁止手动输入的实现方法
@(知识点总结)[jquery|扫码抢] 基于jQuery的扫码枪监听.如果只是想实现监听获取条码扫码信息,可以直接拿来使用,如果有更多的条码判断处理逻辑需要自己扩展. 一.功能需求使用扫码枪扫描条 ...
Jquery监听onChange事件
Jquery监听onChange事件 $(document).ready(function () {$("#控件ID").change(function () {var organ ...
综合设计一个OPPE主页--页面的插件引用（animate.css）--d动画的使用--滚轮或鼠标到该位置时，才有动画的切换---所以我们需要用jquery监听鼠标滚轮的滚动事件
Animate.css | A cross-browser library of CSS animations. 里面有许多css的效果首先使用 animate.css文件 link rel=&qu ...
php 监听条码枪输入,使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)...
基于jQuery的扫码枪监听.如果只是想实现监听获取条码扫码信息,可以直接拿来使用,如果有更多的条码判断处理逻辑需要自己扩展. 一.功能需求使用扫码枪扫描条码,在一个web页面监听获取扫码枪的数据, ...
jquery 监听元素滚动_jQuery在滚动时保持元素在视图中
jquery 监听元素滚动关于如何使元素保持可见的jQuery快速代码段. 为使演示向下滚动到博客上的任何页面并在右侧栏中显示广告,在您向下滚动页面时,它们仍处于查看状态. 然后,当您再次向上滚动时 ...
jQuery 监听修改文本框事件
在开发中,有时我们需要对 input 的 value 值变化作实时响应.比如文本输入框的实时字数统计功能,要求文本框内容改变时就要触发相关的统计行为.不管这个内容是键盘输入的,还是鼠标粘贴进来的.1, ...
扫码枪输入mysql_使用jQuery监听扫码枪输入并禁止手动输入的实现方法
@(知识点总结)[jquery|扫码抢] 基于jQuery的扫码枪监听.如果只是想实现监听获取条码扫码信息,可以直接拿来使用,如果有更多的条码判断处理逻辑需要自己扩展. 一.功能需求使用扫码枪扫描条 ...

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 监听的案例相关推荐

最新文章

热门文章