jquery 事件方法大全
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/c "> .button { width: 100px; ...[2020/11/9]
ajax异步实现文件分片上传
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS分片上传-极速上传</title>
</head...[2020/11/9]
jquery怎么从对象列表中筛选特定对象_外层列表对象筛选
前言： jquery选择器是大家都熟悉且常用的工具了，那么如果你使用$("table")获取了一组table列表，那么能从列表中找到含有属性：id="1"的table对象呢？
方法一：使用filter方法，filter只从最外层级别对象筛选对象：
...[2020/11/9]
jquery将字符串转出jquery对象
前言：有时间Dom元素并不一定是存在页面中的，可能是http请求返回的，那么如果我们拿到了一段html字符串，如何能从字符串中筛选出我们想要的元素节点呢？
1-将字符串转成jquery对象：$("html字符串文本")
...[2020/11/9]
关于前端ajax请求url为何添加一个随机数
一.起因
我在做爬虫的时候发现很多网站上都在url上加一个随机数或者时间戳一开始我以为是啥加密后面发现其实他在后台解析的时候也不需要不排除有些网站他反爬就需要一个时间戳,那他加个随机数是做啥子
二.查看文献得到总结
ajax填入相同的url的时候会使用缓存
而加时间戳或者随机数就是改...[2019/11/14]
jquery获取input输入框中的值
如何用javascript获取input输入框中的值，j jq通过name、id、cla 获取input输入框中的value
先准备一段 HTML
<input type="text" id="CN_NAME" name="CN_NAME" cla ="CN_NAME">...[2019/11/13]
jQuery实现滑动星星评分效果(每日分享)jQuery实现滑动星星评分效果(每日分享)
每日分享效果，今天分享一个jQuery滑动星星评分效果。
jQuery星星评分制作5颗星星鼠标滑过评分打分效果，可取消评分结果，重新打分。
HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>...[2019/11/13]
jQuery 源码解析(二十三) DOM操作模块 替换元素 详解
本节说一下DOM操作模块里的替换元素模块，该模块可将当前匹配的元素替换指定的DOM元素,有两个方法，如下:
replaceWith(value) ;使用提供的新内容来替换匹配元素集合中的每个元素。value是新内容，可以是html字符串、DOM元素...[2019/11/13]
js获取列表多条数据(接口)
读取数据： ajax去服务器端校验$.ajax({
type:"post", url:"http: ", data:{deviceid:1}, dataType:''json'', succe : function(data) { var...[2019/11/12]
jQuery 源码解析(二十二) DOM操作模块 复制元素 详解jQuery 源码解析(二十二) DOM操作模块 复制元素 详解
本节说一下DOM操作模块里的复制元素子模块，该模块可以复制一个DOM节点，并且可选择的设置是否复制其数据缓存对象(包含事件信息)和是否深度复制(子孙节点等),API如下:
$.clone(elem, dataAndEvents, deepDataAndEvents) &nbs...[2019/11/12]
编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理
编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理
记录自己学习做的东西，写的小demo，希望对大家也有帮助！
代码如下:
<!DOCTYPE html>
<html>
<head>
...[2019/11/8]
jQuery 源码分析(二十一) DOM操作模块 删除元素 详解
本节说一下DOM操作模块里的删除元素模块，该模块用于删除DOM里的某个节点，也可以理解为将该节点从DOM树中卸载掉，如果该节点有绑定事件，我们可以选择保留或删除这些事件，删除元素的接口有如下三个:
empty() ...[2019/11/8]
jsonp格式前端发送和后台接受写法
jsonp是ajax提交的一种格式不会受跨域限制
一.前端发送
<button>11111</button>
<script src="https: cdn.static.runoob.com/lib jquery/1.8.3/jquery.js...[2019/11/7]
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
1、cookie是什么：
①、cookie 是存储于访问者计算机中的变量。每当一台计算机通过浏览器来访问某个页面时，那么就可以通过 JavaScript 来创建和读取 cookie。
②、实际上 cookie 是存于用户硬盘的一个文件，这个文件通常对应于一个域名，当浏览器再次访...[2019/11/7]
jQuery 源码分析(二十) DOM操作模块 插入元素 详解
jQuery的DOM操作模块封装了DOM模型的insertBefore()、appendChild()、removeChild()、cloneNode()、replaceChild()等原生方法。分为5个子模块来实现:插入元素、删除元素、复制元素、替换元素和包裹元素，本节讲解第一个子模块...[2019/11/6]
js 事件
JS使用方法
模态窗提供了四个事件：
1.show.bs.modal在显示之前触发
2.shown.bs.modal在显示之后触发
3.hide.bs.modal在隐藏之前触发
4.hidden.bs.modal在隐藏之后触发
原文链接：htt...[2019/11/4]
下拉框一级树形多选 框下拉框一级树形多选 框
有一个单选下拉框要改成多选，里面还有一个全部选项，当选择全部时要全部勾选上，类似于树形下拉框。效果如下：
传到后台的数据就根据自己的需要做修改了，当选择全部时就只传全部这...[2019/11/4]
jQuery 源码分析(十九) DOM遍历模块详解
jQuery的DOM遍历模块对DOM模型的原生属性parentNode、childNodes、firstChild、lastChild、previousSibling、nextSibling进行了封装和扩展，用于在DOM树中遍历父元素、子元素和兄弟元素。
可以通过jQuery的实例来...[2019/11/4]
JQuery里input属性赋值，取值prop()和attr()方法？
一.赋值的时候
如果是<input type="checkbox" checked>这样的只有属性名就能生效的属性
推荐prop，即：$(''input'').prop(''checked'',true);
同时，false表示取消，即：$(''input'').pro...[2019/11/1]
jQuery 源码分析(十八) ready事件详解
ready事件是当DOM文档树加载完成后执行一个函数(不包含图片，c 等)，因此它的触发要早于load事件。用法:
$(document).ready(fun) ;fun是一个函数，这样当DOM树加载完毕后就会执行该匿名函数了
ready有一个简写，可以直接传入$(fun)即...[2019/11/1]
JQuery 常用网址
http: www.bejson.com/apidoc/jquery/c .html 操作手册
https: jquery.com/ JQuery官网
一、JQuery插件的网站
1、https: plugins.jqu...[2019/10/31]
jQuery 源码分析(十七) 事件系统模块 实例方法和便捷方法 详解
实例方法和便捷方法是指jQuery可以直接通过链接操作的方法，是通过调用$.event上的方法(上一节介绍的底层方法)来实现的，常用的如下:
on(types,selector,data,fn,one) ;为匹配元素集合中的每个元素绑定一个或多个类型的事件监听函数
types&nb...[2019/10/30]
jQuery animate() 方法
定义和用法
animate() 方法执行 CSS 属性集的自定义动画。
该方法通过 CSS 样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。
只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "ba...[2019/10/29]
$.ajaxSetup()与$.ajax()区别
ajaxSetup()其使用方法与ajax()并无区别，只是在其之后的ajax()不用再重复添加相同参数，节省了代码量。
附：API中关于jQuery.ajaxSetup([options])的描述和jQuery 代码:
描述:
设置 AJAX 请求默认地址为 “/xmlhttp/”，禁...[2019/10/29]
layUI
*** 【Layer】 ****************************************************************************************************************************Layer弹窗：...[2019/10/28]
jQuery 源码分析(十六) 事件系统模块 底层方法 详解
jQuery事件系统并没有将事件监听函数直接绑定到DOM元素上，而是基于数据缓存模块来管理监听函数的，事件模块代码有点多，我把它分为了三个部分:分底层方法、实例方法和便捷方法、ready事件来讲，好理解一点。
jQuery的事件分为普通事件和代理事件:
普通事件 ;当我们再div上...[2019/10/28]
web前端学习教程，jQuery仿搜索引擎搜索框下拉提示源码web前端学习教程，jQuery仿搜索引擎搜索框下拉提示源码
jQuery仿搜索引擎搜索框下拉提示关键词选择代码，多个搜索引擎切换，点击搜索框下拉弹出热门关键词列表，点击进行快捷搜索功能。
案例效果图
源码
1 <!DOCTYPE html>
2 <html lang="en">
3 <...[2019/10/28]
jQuery 源码分析(十五) 数据操作模块 val详解
jQuery的属性操作模块总共有4个部分，本篇说一下最后一个部分:val值的操作，也是属性操作里最简单的吧，只有一个API，如下:
val(vlaue) ;获取匹配元素集合中第一个元素的当前值，或者设置匹配元...[2019/10/25]
jQuery基础事件处理
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=dev...[2019/10/25]
jQuery组件封装之return this.each(function () {});
记录一下自己的调试历程
组件封装经常看到这么一段代码
$.fn.plugin = function (options) {
return this.each(function (i,t) {
new Fun(this, ...[2019/10/25]
jQuery基础
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=dev...[2019/10/25]
todolist 包含本地存储知识
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=dev...[2019/10/24]
jq处理动画累加
问题：日程提醒（跟日历一样的切换效果），只用一个div来展示当天日程数据，每次清空div里的数据再加载数据，导致切换日期时，数据展示div有闪动，于是采用动画来进行过渡，这样就巧妙地避免了闪动；
$("#siteInfo").hide(function () {
$("...[2019/10/24]
jquery 根据后台传递过来的三维数组动态生成三级菜单
根据后台传递过来的三维数组动态生成三级菜单
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 ...[2019/10/24]
JqueryOn绑定事件方法介绍
JqueryOn绑定事件方法介绍
1. 简介
(1) On()方法在被选及子元素上添加一个或多个事件处理程序
(2) 在jquery 版本1.7起，on()方法是bind(),live()和delegate()方法的新的...[2019/10/24]
jQuery 源码分析(十四) 数据操作模块 类样式操作 详解
jQuery的属性操作模块总共有4个部分，本篇说一下第3个部分:类样式操作部分，用于修改DOM元素的cla 特性的，对于类样式操作来说，jQuery并没有定义静态方法，而只定义了实例方法，如下:
addCla (value) ;为匹配元素集合中的每个元素添加一个或多个类样式，...[2019/10/23]
jQuery—获取表单标签的数据值
获取设置input标签的值
<input cla ="form-control" type="text" id="username" name="username" placeholder="" value="初始值" onblur="keyblurfun()">
...[2019/10/21]
jQuery 源码分析(十三) 数据操作模块 DOM属性 详解
jQuery的属性操作模块总共有4个部分，本篇说一下第2个部分:DOM属性部分，用于修改DOM元素的属性的(属性和特性是不一样的，一般将property翻译为属性，attribute翻译为特性)
DOM属性的静态方法接口如下:
prop(elem, name, value) ...[2019/10/21]
jQuery—自定义HTTP请求
Ajax设置自定义请求头的两种方法
$.ajax({
url: ''http: www.baidu.com'',
type: ''get'',
data: JSON.stringify({"name":"love python!"}),
...[2019/10/18]
jQuery 源码分析(十二) 数据操作模块 html特性 详解jQuery 源码分析(十二) 数据操作模块 html特性 详解
jQuery的属性操作模块总共有4个部分，本篇说一下第1个部分:HTML特性部分，html特性部分是对原生方法getAttribute()和setAttribute()的封装，用于修改DOM元素的特性的
jQuery的静态方法含有如下API:
$.attr(elem, name, v...[2019/10/18]
jQuery/JS监听input输入框值变化实例
input事件：
onchange：
1、要在 input 失去焦点的时候才会触发；
2、在输入框内容变化的时候不会触发change，当鼠标在其他地方点一下才会触发；
3、onchange event 所有主要浏览器都支持；
4、onchange 属性可以使用于：<in...[2019/10/18]
jQuery淡入淡出轮播图实现
大家好我是QD小白，这是人生第一次写博客，准备写的内容是Jquery淡入淡出轮播图实现，在此之前学习JS写的轮播图效果都感觉不怎么好，学习了jQuery里的淡入淡出效果后又写了一次轮播图效果明显感觉好了许多。现在我就来分享下自己写轮播图的思路和方法。
HTML部...[2019/10/17]
jq的ajax方法jq的ajax方法
相较与js异步对象的繁琐，jq的ajax对象结构更加清晰
一：ajax对象简述
ajax(Asynchronous JavaScript and XML)，异步的xml和js对象，主要用于在不刷新全局页面的基础上，更新局部页面，多用于表单提交，搜索更新
在jq中的aj...[2019/10/16]
jQuery 源码分析(十一) 队列模块 Queue详解
队列是常用的数据结构之一，只允许在表的前端(队头)进行删除操作(出队)，在表的后端(队尾)进行插入操作(入队)。特点是先进先出，最先插入的元素最先被删除。
在jQuery内部，队列模块为动画模块提供基础功能，负责存储动画函数、自动出队并执行动画函数，同时还要确保动画函数的顺序执行。
...[2019/10/16]
文件/大文件上传功能实现（JS+PHP）全过程
文件/大文件上传功能实现（JS+PHP）
参考博文：掘金-橙红年代 前端大文件上传
路漫漫 其修远 PHP + JS 实现大文件分割上传
本文是学习文件上传后的学习总结文章，从无到有实现文件上传功能，前端小白写的代码不是最优，如果有错误的地方请多多指教，如...[2019/10/15]
基础表单验证
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
...[2019/10/15]
vue-cli中使用jquery
一.安装依赖
npm install jquery --save
二.全局导入(必须先安装依赖)
第一步
在webpack.base.conf.js里加入(新版的可能找不到这个文件,你可以npm install webpack --save-dev进行手动安装)
var webpac...[2019/10/14]
中小后台系统UI框架--EasyUI
后台开发人员不擅长前端UI界面，而小型软件公司没有专职美工岗位，开发人员只能借助开源UI框架，复用已有组件，完成用户操作界面。EasyUI是基于jQuery的UI插件集合体，可帮助开发者轻松构建网页。
官方地址：http: ww...[2019/10/14]
jQuery 源码分析(十) 数据缓存模块 data详解
jQuery的数据缓存模块以一种安全的方式为DOM元素附加任意类型的数据，避免了在JavaScript对象和DOM元素之间出现循环引用，以及由此而导致的内存泄漏。
数据缓存模块为DOM元素和JavaScript对象提供了统一的数据设置、读取和移除方法，在jQuery内部还为队列模块、动...[2019/10/14]
jQuery 杂项方法大全
下表列出了所有jQuery 杂项方法：
方法描述
data()
将数据附加到选定元素或从中获取数据
get()
获取选择器匹配的DOM元素
index()
从匹配的元素中搜索给定的元素
$.noConflict()
释放jQu...[2019/10/14]
经验首页