JQuery 学习笔记
关注
分享
扫一扫
JQuery 学习记录
南淮北安
好好学习
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
学习 JQuery 一篇文章就够了
文章目录一、学习目录二、扩展目录一、学习目录二、扩展目录原创 2020-04-06 23:51:10 · 460 阅读 · 0 评论
-
JQuery 插件
文章目录一、`$.fn.extend(object)`二、`$.extend(object)`一、$.fn.extend(object)增强通过Jquery获取的对象的功能 $("#id")<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>01...原创 2020-04-06 23:50:34 · 347 阅读 · 0 评论 -
JQuery 案例
文章目录一、广告的自动显示与隐藏二、抽奖一、广告的自动显示与隐藏需求：* 当页面加载完，3秒后。自动显示广告* 广告显示5秒后，自动消失。分析：* 使用定时器来完成。setTimeout (执行一次定时器)* 分析发现JQuery的显示和隐藏动画效果其实就是控制display* 使用 show/hide方法来完成广告的显示代码 <!--引入jquery--&g...原创 2020-04-06 22:08:01 · 807 阅读 · 0 评论 -
JQuery 事件绑定
文章目录一、JQuery 标准的绑定方式二、on绑定事件/off解除绑定三、事件切换：toggle一、JQuery 标准的绑定方式* jq对象.事件方法(回调函数)； * 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。 * 表单对象.submit();//让表单提交 <script src="js/jquery-3.3.1.min.js"></s...原创 2020-04-06 17:07:33 · 409 阅读 · 0 评论 -
JQuery 遍历方式
文章目录一、JS 的遍历方式二、JQuery 的遍历方式一、JS 的遍历方式for(初始化值;循环结束条件;步长) <script src="js/jquery-3.3.1.min.js"></script> <script type="text/javascript"> $(function () { ...原创 2020-04-06 12:35:51 · 437 阅读 · 0 评论 -
JQuery 动画
文章目录一、三种方式显示和隐藏元素1. 默认显示和隐藏方式2. 滑动显示和隐藏方式3. 淡入淡出显示和隐藏方式二、示例一、三种方式显示和隐藏元素1. 默认显示和隐藏方式1.show([speed,[easing],[fn]]) * 参数： （1）speed：动画的速度。三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如：1000) （2） ...原创 2020-04-06 00:09:27 · 338 阅读 · 0 评论 -
JQuery 简单案例
文章目录一、隔行换色二、全选和全不选三、QQ 表情选择四、多选下拉列表左右移动一、隔行换色注意：不包括标题行<script> //需求：将数据行的奇数行背景色设置为 pink，偶数行背景色设置为 yellow $(function () { //1. 获取数据行的奇数行的tr，设置背景色为pink $("tr:gt(1):odd").css("ba...原创 2020-04-05 22:49:21 · 902 阅读 · 0 评论 -
JQuery DOM 操作
文章目录一、内容操作二、属性操作三、CRUD操作一、内容操作1. html(): 获取/设置元素的标签体内容 <a><font>内容</font></a> 得到 <font>内容</font>3. text(): 获取/设置元素的标签体纯文本内容 <a><font>内容</fon...原创 2020-04-05 21:23:30 · 367 阅读 · 0 评论 -
一篇文章带你搞定 JQuery 选择器
文章目录一、基本操作学习二、基本选择器三、层级选择器四、属性选择器五、过滤选择器六、表单过滤器一、基本操作学习1. 事件绑定 //1.获取b1按钮 $("#b1").click(function(){ alert("abc"); });2. 入口函数 $(function () { ...原创 2020-04-05 17:39:03 · 362 阅读 · 0 评论 -
一篇文章带你搞定 JQuery 对象和 JS 对象的区别和转换
文章目录一、基本概念二、示例一、基本概念JQuery对象在操作时，更加方便。JQuery对象和js对象方法不通用的.两者相互转换* jq -- > js : jq对象[索引] 或者 jq对象.get(索引)* js -- > jq : $(js对象)二、示例<!DOCTYPE html><html lang="en"><head&...原创 2020-04-05 15:19:31 · 416 阅读 · 0 评论 -
JQuery 基础入门
文章目录一、概念二、快速入门一、概念一个JavaScript框架。简化JS开发jQuery是一个快速、简洁的 JavaScript 框架，是继 Prototype 之后又一个优秀的JavaScript 代码库（或 JavaScript 框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装 JavaScript 常用的功能代码，提...原创 2020-04-05 13:13:50 · 433 阅读 · 0 评论