![](https://img-blog.csdnimg.cn/20191018101535559.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
jquery
概念: 一个JavaScript框架。简化JS开发
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
猪哥哥呀
这个作者很懒,什么都没留下…
展开
-
15--jQuery插件大全-- 使用jsoup爬取酷我音乐和微博热搜数据
目录歌曲来自于酷我音乐热歌榜热搜数据来自于微博热搜库我音乐前台代码如下:库我音乐后台代码如下:Servlet代码:model代码:HTTPUtils工具类微博热搜前台代码如下:微博热搜后台代码如下:Servlet代码:HotModel代码:URLHandle代码:HotParse代码:HTTPUtils代码:歌曲来自于酷我音...原创 2019-10-23 09:41:14 · 923 阅读 · 0 评论 -
14--jQuery插件大全-- bootstrapTable 表单神器
目录bootstrapTable 表单神器1、静态数据渲染在table标签中设置代码如下:2、数据来自urljson数据渲染代码如下:table.json数据bootstrapTable 表单神器 -官网[https://bootstrap-table.com/](https://bootstrap-table.com/) -gi...原创 2019-10-21 08:43:31 · 276 阅读 · 0 评论 -
13--jQuery插件大全-- bootstrapvalidator
bootstrapvalidator 校验 - 官网[https://formvalidation.io/](https://formvalidation.io/)-github[https://github.com/nghuuphuoc/bootstrapvalidator](https://github.com/nghuuphuoc/boot...原创 2019-10-21 08:43:17 · 125 阅读 · 0 评论 -
12--jQuery插件大全-- layer弹窗
layer弹窗 -官网[http://layer.layui.com/](http://layer.layui.com/)-github[https://github.com/sentsin/layer/](https://github.com/sentsin/layer/)<!DOCTYPE html><...原创 2019-10-21 08:43:03 · 210 阅读 · 0 评论 -
11--jQuery插件大全-- lazyload
lazyload图片懒加载 - 官网[https://appelsiini.net/projects/lazyload/](https://appelsiini.net/projects/lazyload/)- github[https://github.com/tuupola/lazyload/tree/2.x](https://github....原创 2019-10-21 08:42:50 · 143 阅读 · 0 评论 -
10--jQuery插件大全-- fullPage
fullPage 全屏滚动插件 - 官网[https://alvarotrigo.com/fullPage/](https://alvarotrigo.com/fullPage/)- github[https://github.com/alvarotrigo/fullpage.js/](https://github.com/alvarotrigo...原创 2019-10-21 08:42:37 · 122 阅读 · 0 评论 -
09--jQuery插件大全-- mobiscroll
mobile端插件-官网[https://mobiscroll.com/](https://demo.mobiscroll.com/jquery/datetime/min-max-values#lang=zh) 代码如下:<!DOCTYPE html><html lang="en"><head> <met...原创 2019-10-21 08:42:26 · 308 阅读 · 0 评论 -
08--jQuery插件大全-- datetimepicker
datetimepicker 时间日期插件 -官网[https://www.bootcss.com/p/bootstrap-datetimepicker/](https://www.bootcss.com/p/bootstrap-datetimepicker/)-github[https://github....原创 2019-10-21 08:42:14 · 239 阅读 · 0 评论 -
07--jQuery插件大全-- select2的使用
select2 下拉框搜索插件 - 官网[https://select2.org/](https://select2.org/)-github[https://github.com/select2/select2](https://github.com/select2/select2)**用法:* ...原创 2019-10-21 08:41:51 · 226 阅读 · 0 评论 -
06--jQuery高级-- jquery插件扩展
目录jQuery对象进行方法扩展jQuery全局进行方法扩展自定义插件自定义插件调用jQuery对象进行方法扩展<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>01-jQuery对象进行方法扩展</title&...原创 2019-10-21 08:41:17 · 103 阅读 · 0 评论 -
05--jQuery高级-- 综合案例广告自动出现和消失
页面加载成功 广告先自动显示,显示一定时间后自动消失案例代码如下 :<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>广告的自动显示与隐藏</title> <style> #content {...原创 2019-10-20 20:53:31 · 192 阅读 · 0 评论 -
04--jQuery高级-- 综合案例抽奖
点击开始,小图开始随机变换,点击停止,抽中的奖品会显示在大图中代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>jquery案例之抽奖</title> <script type="text/javasc...原创 2019-10-20 20:53:21 · 181 阅读 · 1 评论 -
02--jQuery高级-- 遍历
目录遍历 1.js的遍历方式 2.jq的遍历方式 1.jq对象.each(callback) 2.$.each(object, [callback]) 3.for..of: jquery 3.0 版本之后提供的方式代码如下:遍历 1.js...原创 2019-10-20 20:52:54 · 130 阅读 · 0 评论 -
01--jQuery高级-- 动画
目录动画1.三种方式显示和隐藏元素 1.默认显示和隐藏方式 2.滑动显示和隐藏方式 3.淡入淡出显示和隐藏方式动画1.三种方式显示和隐藏元素 1.默认显示和隐藏方式 1.show([speed,[easing],[fn]]) ...原创 2019-10-20 20:52:46 · 108 阅读 · 0 评论 -
09--jQuery基础--案例--下拉列表左右移动
下拉列表内容可以左右移动例如将李四和王五移动到右边案例代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3...原创 2019-10-20 20:52:37 · 175 阅读 · 0 评论 -
08--jQuery基础--案例--QQ表情选择
点击表情,可以选中到请发言位置后面如下图:代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>QQ表情选择</title> <script src="../../js/jquery-3.3.1.min...原创 2019-10-20 20:52:28 · 360 阅读 · 1 评论 -
07--jQuery基础--案例--全选和全部选
全选状态:全不选状态:代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3.1.min.js"></scrip...原创 2019-10-20 20:52:19 · 137 阅读 · 0 评论 -
06--jQuery基础--案例--隔行换色
代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>隔行换色</title> <script src="../../js/jquery-3.3.1.min.js"></script> <...原创 2019-10-20 20:52:09 · 137 阅读 · 0 评论 -
05--jQuery基础--DOM操作
目录jQuery基础--DOM操作DOM操作1.内容操作 2.属性操作 3.CRUD操作:jQuery基础--DOM操作DOM操作1.内容操作 html(): 获取/设置元素的标签体内容<a><font>内容</font></a>...原创 2019-10-20 20:51:57 · 143 阅读 · 0 评论 -
04--jQuery基础--Jquery选择器
目录Jquery基本选择器基本选择器 1.标签选择器(元素选择器) 2.id选择器 3.类选择器 4.并集选择器:基本选择器代码如下:层级选择器 1.后代选择器 2....原创 2019-10-18 10:49:19 · 129 阅读 · 0 评论 -
03--jQuery基础--Jquery对象事件绑定
Jquery对象事件绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件绑定</title> <script src="js/jquery-3.3.1.min.js"></script...原创 2019-10-18 10:30:03 · 137 阅读 · 0 评论 -
02--jQuery基础--Jquery对象和js对象的转换
JQuery对象和JS对象区别与转换JQuery对象在操作时,更加方便。 JQuery对象和js对象方法不通用的.两者相互转换jq -- > js : jq对象[索引] 或者 jq对象.get(索引) js -- > jq : $(js对象)<!DOCTYPE html><html lang="en"><head> ...原创 2019-10-18 10:26:26 · 225 阅读 · 0 评论 -
01--jQuery基础--jquery入门
jquery入门概念: 一个JavaScript框架。简化JS开发jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaS...原创 2019-10-18 10:22:13 · 165 阅读 · 0 评论