jQuery笔记
关注
分享
扫一扫
文章平均质量分 63
jQuery学习笔记
wzh110110110
这个作者很懒，什么都没留下…
展开
-
jQuery方法---滑动显示与滑动隐藏
jQuery方法---滑动显示与滑动隐藏一、滑动显示二、滑动隐藏三、滑动显示与滑动隐藏切换一、滑动显示html部分<body> <div class="div_top">点击显示底部盒子</div> <div class="div_bottom">我是底部盒子</div></body>css部分.div_top{ width:200px; height:20px; background-color:skyblue原创 2021-08-16 17:38:14 · 2077 阅读 · 0 评论 -
jQuery方法---淡入显示与淡出隐藏
jQuery方法---淡入显示与淡出隐藏一、淡入显示二、淡出隐藏三、淡入显示与淡出隐藏切换拓展：淡出淡入设置不透明度一、淡入显示html部分<body> <div class="div_top">点击显示底部盒子</div> <div class="div_bottom">我是底部盒子</div></body>css部分.div_top{ width:200px; height:20px; background-原创 2021-08-16 16:21:40 · 681 阅读 · 0 评论 -
jQuery方法---隐藏与显示
jQuery方法---隐藏与显示一、隐藏方法二、显示方法三、隐藏/显示方法切换一、隐藏方法直接隐藏//当点击按钮时，盒子被隐藏$("button").click(function(){ $("div").hide();});过渡隐藏//当点击按钮时，盒子被隐藏,隐藏过程的速度为1s$("button").click(function(){ $("div").hide(1000);});二、显示方法直接显示//当点击按钮时，显示盒子（初始时盒子被隐藏）$("button").原创 2021-08-11 00:28:54 · 1791 阅读 · 0 评论 -
jQuery事件
jQuery事件一、鼠标事件分类示例二、键盘事件分类示例三、表单事件分类示例一、鼠标事件分类 鼠标事件 说明 click 鼠标点击元素时触发 dbclick 鼠标双击元素时触发 mouseenter 鼠标进入或经过元素时触发 mouseleave 鼠标离开元素时触发 hover 鼠标停留在元素上时触发 示例click$(function(){//当盒子被点击时，盒子变为蓝色 $("div").cl原创 2021-08-10 15:18:16 · 215 阅读 · 0 评论 -
jQuery选择器
jQuery选择器一、jQuery选择器的分类一、jQuery选择器的分类在原生的JavaScript中，由于获取元素的方法有很多，所以在jQuery中统一了选择器的标准。格式$(“选择器”)；分类1.常用选择器选择器类型格式说明全选选择器$("*")获得所有元素类选择器$(".class")获取类名相同的所有元素ID选择器$("#id")获取指定id的元素标签选择器$(“div”)获得相同类型标签的所有元素并集选择器$(“l原创 2021-08-09 17:19:46 · 95 阅读 · 0 评论 -
jQuery入口函数
jQuery入口函数一、jQuery入口函数格式二、jQuery的顶级对象jQuery对象与DOM对象的区别jQuery对象和DOM对象的互相转换jQuery对象转换为DOM对象DOM对象转换为jQuery对象一、jQuery入口函数格式$(function(){ //...});其中，函数内容只需要等到DOM结构渲染完毕就饿可以执行，不必等待所有资源加载完成。入口函数的另一种格式$(document).ready(function(){ //...});二、jQuery的顶级对象原创 2021-08-08 18:17:41 · 369 阅读 · 0 评论 -
jQuery概述与引入
jQuery概述与引入一、什么是jQuery二、jQuery的引入一、什么是jQuery概念jQuery是一个JavaScript库，其中封装了很多方法函数，比如hide，show方法等。其实jQuery就是一个JS文件，里面有很多已经写好的的方法和函数的代码，就像一个仓库，我们需要的时候可以从面直接调用就行了，学习jQuery就是学习如何使用它们。功能动画设计优化DOM操作Ajax交互二、jQuery的引入官网地址：https://jQuery.com/.步骤1.进入官网，点击下原创 2021-08-08 12:15:21 · 290 阅读 · 0 评论