![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JQuery
小龙爷ღ
小白的奋斗之路
展开
-
JQuery的常用选择器和常用事件绑定
一.常用的选择器1.基本选择器全局选择器: $("*") 标签选择器: $("HTML标签名") 类选择器: $(".class类名") id选择器: $("#id值") 交集选择器: $("选择器1 选择器2") 并集选择器: $("选择器1,选择器2") 2.层次选择器后代选择器: $("选择器1 选择器2")...原创 2019-08-23 19:28:49 · 620 阅读 · 0 评论 -
jQuery实用案例之固定导航栏
效果图:页面往下拉案例:获取三个部分的高度,页面高度大于等于导航栏上面的高度时导航栏固定<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>固定导航栏</title> <style type="tex...原创 2019-08-29 20:48:53 · 329 阅读 · 0 评论 -
jQuery实用案例之电子相册(类似购物商城中商品图片切换展示)
效果展示:点击上方的小图预览,下面展示出大图案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>电子相册</title> <style type="text/css"> ...原创 2019-08-29 19:55:55 · 812 阅读 · 0 评论 -
jQuery实用案例之多Tab切换、下拉菜单、导航栏动态显示
一、多Tab切换效果图:点击上面的套餐选择,下面显示对应的套餐内容案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多tab切换</title> <style> ...原创 2019-08-29 17:23:32 · 1350 阅读 · 0 评论 -
jQuery常用案例之回到顶部
今天讲个十分常用的案例:点击回到顶部按钮,无论当前处于页面哪个部分都将回到顶部直接看案例:采用距离间隔停顿,定时器循环的做法,达到平缓回到顶部做法,而不是瞬间回到顶部<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&...原创 2019-08-29 10:13:10 · 218 阅读 · 0 评论 -
jQuery常见案例之表格删除、表格隔行换色、图片透明度变化
今天讲3个比较简单的案例:表格删除任意一行、表格隔行换色、图片透明度变化①表格删除案例:先看看提取出来的js部分<script src="js/jquery-3.4.1.min.js"></script><script> //清空按钮 $("#btn").click(function () { $...原创 2019-08-29 10:06:59 · 210 阅读 · 0 评论 -
jQuery实用案例之全选反选操作
今天带来jQuery的第一个案例:全选反选三个我觉得比较要注意的点: ①.实现反选功能的时候,先遍历每一个checkbox,然后进行状态反转this.checked = !this.checked;<script>//3. 点击'反选': 改变所有爱好的勾选状态 $("#ch...原创 2019-08-28 21:02:17 · 379 阅读 · 0 评论 -
jQuery中mouseover与mouseenter、attr与prop、attr与css区别
今天主要说下mouseover与mouseenter、attr与prop、attr与css这三个的区别一.mouseover与mouseenter的区别 1)两对事件: mouseover------mouseout mouseenter-----mouseleave 2)区别: mouseover和mouseout会有事件...原创 2019-08-28 13:45:44 · 233 阅读 · 0 评论 -
jquery中的ajax表单提交($.ajax()方法)
今天要讲的是jQuery中的$.ajax()方法,它是jQuery最底层的Ajax实现①$.ajax()方法常用参数解释url (默认为当前页地址)发送请求的地址 type 请求方式(POST或GET)默认为GET。 data 发送到服务器的数据,如果不是字符串,将自动转换为字符串格式 dataType 预期服务器返回的数据类型,一般为 ...原创 2019-08-27 12:41:13 · 561 阅读 · 0 评论 -
jquery中的表单验证validate
①首先引入validate.js放在jquery.js后面 <script src="js/jquery-3.4.1.min.js"></script> <script src="js/jquery.validate.js"></script> <script src="js/jquery.validate.rege...原创 2019-08-25 22:59:11 · 185 阅读 · 0 评论 -
jquery中的各种动画效果
注:所有的动画效果都可以指定3种速度参数:"slow"、"normal" 、"fast"(时间长度分别为0.6秒、0.4秒和0.2秒)使用速度关键字时要加引号,如果用数字作为时间参数时不需要加引号,如show(1000)callback回调函数适用于jquery所有的动画效果方法一、显示与隐藏:show()和hide()<!DOCTYPE html><h...原创 2019-08-25 12:45:53 · 435 阅读 · 0 评论 -
JQuery中的DOM操作
今天主要说说JQuery中的DOM操作,涉及增、删、改、查和each遍历5个方面一.增(插入节点)append是增加到父元素的尾部prepend是增加到父元素的头部clone():复制节点,在方法中传递一个参数true,复制元素的同时复制元素中所绑定的事件二.删(删除节点)1.remove()方法:可以在remove中传入参数用于筛选元素进行删除2.detach()...原创 2019-08-23 21:13:31 · 274 阅读 · 0 评论 -
jQuery实用案例之轮播图(超级好用)
今天给大家带来的是各大网站超级常用的轮播图案例html+css部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title> <style type="text/css"> ...原创 2019-08-30 16:38:49 · 733 阅读 · 0 评论