Javascript 日历插件Javascript 日历插件
1. The Coolest Calendar
界面非常漂亮的一款日期选择插件，有详细的使用文档，最新版本 1.5。
点击下载 查看示例
2. DatePicker
这款日期插件支持单选、多选和...[2019/10/12]
echarts图表数据信息动态获取
第一步准备一个json文件echarts.json（名字无所谓），用来模拟从后台获取数据
{
"name":["直达","营销广告","搜索引擎","邮件营销","联盟广告","视频广告","百度","谷歌","必应","其他"],
"data":...[2019/10/12]
jq方法写选项卡的基本原理以及三种方法
使用jq写选项卡，告别了繁琐的循环以及命名规范
基本原理：
1.当某一个btn被选中时，将这个btn的背景颜色设为橘色，其余兄弟btn背景颜色设为空（none）
2.如果子div与btn的索引相同，就将这个div显示而其他兄弟div隐藏
1)....[2019/10/12]
按键批量操作示例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jianpan</title></head><bo...[2019/10/12]
jQuery源码分析(九) 异步队列模块 Deferred 详解jQuery源码分析(九) 异步队列模块 Deferred 详解
deferred对象就是jQuery的回调函数解决方案，它解决了如何处理耗时操作的问题,比如一些Ajax操作，动画操作等。(P.s:紧跟上一节:https: www.cnblogs.com/greatdesert/p/11433365.html的内容)
异步队列有三种状态:待定(pen...[2019/10/12]
jQuery AJAX方法详谈
AJAX是与服务器交换数据并更新部分网页的技术，而无需重新加载整个页面。
下表列出了所有jQuery AJAX方法：
方法描述
$.ajax()
执行异步AJAX请求
$.ajaxPrefilter()
在发送每个请求之前以及由$.ajax()...[2019/10/11]
jQuery 遍历方法大全
下表列出了用于jQuery 遍历所有方法。
方法描述
add()
将元素添加到匹配的元素集中
addBack()
将上一组元素添加到当前组中
andSelf()
在版本1.8中已弃用。 addBack()的别名
chil...[2019/10/10]
JQuery——关于CDN（内容分发网络）JQuery——关于CDN（内容分发网络）
替代方案
如果您不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络） 引用它。
Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。
如果你的站点用户是国内的，建议使用百度、又拍云、新浪等国内CDN地址，如果你站点用户是...[2019/10/10]
JQuery 表单textarea控制字数
/**
*textarea 字数限制
*obj textarea
* maxlength 限制的最大字数
*/
function textarealength(obj,maxlength){
var v = $(obj).val();
var ...[2019/10/9]
jQuery中outerWidth()方法
截图自：菜鸟教程https: www.runoob.com/jquery/html-outerwidth.html
原文链接：http: www.cnblogs.com/planetwithpig/p/11618751.html[2019/10/8]
jQuery HTML/CSS 方法大全
下表列出了用于操作HTML和CSS的所有方法。
方法描述
addCla ()
向所选元素添加一个或多个类名
after()
在所选元素之后插入内容
append()
在所选元素的末尾插入内容
appendTo()
在所选元素的末...[2019/10/8]
JQuery基础笔记
## 今日内容
1. JQuery 基础：
1. 概念
&...[2019/10/8]
JQuery高级笔记
## 今日内容：
1. JQuery 高级
1. 动画
&...[2019/10/8]
bootstrap table实现iview固定列的效果
因为bootstrap自带的固定列效果满足不了公司需求，所以借助fixed-table这个插件完成了iview固定列的效果
<!DOCTYPE html>
<html lang="en">
<head>
&n...[2019/9/30]
Jquery选择器学习记录
1、选择第一级子节点
通过> 或者children方法实现
$(''#XtraTabPage8>.datagrid-ftable'')
$(''#XtraTab...[2019/9/30]
jquery对输入框内容的数字校验代码实例
这篇文章主要介绍了jquery对输入框内容的数字校验代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
直接在input属性框中添加keyup事件
<!DOCTYPE html>
<html>
...[2019/9/29]
jQuery中$()可以有两个参数jQuery中$()可以有两个参数
jQuery(expre ion, [context]) 返回值:jQuery
概述
这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素。
jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数，或者说都是在以某种方...[2019/9/29]
表格变色示例中发现的问题——attr()与prop()
在练习jQuery表格变色例子过程中，发现了一下几个问题：
在IEEdge浏览器中切换选中行会出现上一个表格行背景色被吃掉的情况；
在chrome中从上向下单击行中任意单元可以选中该行，而从下往上单击虽选中了行，而前面的按钮列未显示选中状态
针对以上问题，查阅了资料后，发...[2019/9/27]
jquery中arrt()和prop()的区别
本文转自https: www.cnblogs.com ongdongdong/p/6340373.html
在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。
但不得不说的是，这两个函数的用处却并不相...[2019/9/26]
jQuery——复选框操作
学习jQuer对表单、表格操作的过程中，按照书上的例子发现一个问题：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>复选框应用</title>
5 ...[2019/9/25]
前端开发JS——jQuery常用方法
jQuery基础（三）- 事件篇
1、jQuery鼠标事件之click与dbclick事件
click方法用于监听用户单击操作，dbclick方法用于监听用户双击操作，这两个方法用法及其类似，所以这只介绍click事件，只有单击释放后才生效，而且同一元素不能同时绑定cl...[2019/9/24]
jquery遍历table中每个td的值jquery遍历table中每个td的值
废话不说直接上：
<table style="border:1px solid #ccc"> <tr> <td>...[2019/9/24]
ECharts grid组件离容器的距离
ECharts grid组件离容器的距离
由 Carrie 创建， 最后一次修改 2017-09-04
grid.left | string, number
[ default: ''10...[2019/9/24]
jQuery——超链接提示
在熟悉jQuery过程中，练习超链接提示显示，发现书本上有个问题，经过查询资料，修改如下：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>超连接提示</titl...[2019/9/23]
jquery的点击事件
一.任务需求：两个按钮，一个DIV,点击显示按钮显示DIV，点击隐藏按钮，隐藏DIV。
二.任务分析：监听按钮的点击，操作DIV的显示隐藏效果。
三.代码实现：
<body>
<button id="go_show">显示</butto...[2019/9/23]
鼠标悬浮事件鼠标悬浮事件
1.任务需求：一个按钮，一个Div，当鼠标移出按钮时，按钮显示请移入鼠标，Div隐藏，当鼠标移入时，按钮显示请移出鼠标，Div显示。
2.任务分析：监听鼠标的移入移出事件，修改元素标签的文本
3.代码实现：
<body>
<button id="h...[2019/9/23]
jQuery-动画
jQuery -动画
jQuery动画分为三个部分，非自定义动画，自定义动画，和全局动画设置。
一、非自定义动画：
1.显示、隐藏：
show( ) 、hide( )、toggle(...[2019/9/23]
attr()、prop()、css() 的区别
.attr( ) 可以设置元素的属性（也就是给元素新增加一个原来并不存在的属性）也可以获取元素的本来就有的属性以及额外设置的属性。如果要获取的属性没有设置，那么获取到的结果是 undefined; .prop( )可以设置元素的属性（HTML固有的属性，可以给元素添加属性）...[2019/9/23]
JQ的简单使用（基础）——————JQ
JQ基础——JQ的简单使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></tit...[2019/9/23]
jquery总结
总结一些基础知识希望对前来的小伙伴有帮助
一 1. jQuery的载入事件和JS有什么区别？答：window.onload是在网页中所有的元素（包括相关联的文件）完全加载到...[2019/9/20]
jquery的api以及用法总结-选择器
jQuery API及用法总结
选择器
基本选择器
* 通用选择器
.cla 类选择器，一个元素可以有多个类(chrome使用原生js函数getElementByCla Name()实现)
利用类选择器改变元素的样式
<div cla ="demo"...[2019/9/20]
VUE创建播发器组件并调用
首先用vue-cli创建前端项目
参考：https: www.cnblogs.com/ouyangkai/p/11549290.html
新建play.vue文件
编写play组件
<template>
<div>
&...[2019/9/20]
jQuery 效果方法大全
jQuery 效果方法
下表列出了用于创建动画效果的所有jQuery方法。
方法描述
animate()
在所选元素上运行自定义动画。
clearQueue()
从所选元素中删除所有剩余的排队函数。
delay()
为所选元素上的所有排...[2019/9/20]
前端jQurey
目录
1.楔子
2.jqeury介绍
2.1为什么要使用jQuery
2.2jQuery 的两大特点
2.3什么是 jQuery
3.j...[2019/9/19]
Jquery页面中添加键盘按键事件，如ESC事件
1.给整个页面添加ESC事件：
$(document).keyup(function(event){
switch(event.keyCode) { case 27: alert("ESC"); case 96:&nb...[2019/9/18]
capserjs-prototype(上)
Casper prototyp
back()
具体样式: back()
Moves back a step in browser’s history:
在浏览器历史中回退一步:
casper.start('http: foo.bar/1')
casper.thenO...[2019/9/16]
05.前端之jQuery
jQuery
jQuery介绍
1.jQuery是一个轻量级的、兼容多浏览器的JavaScript库。
2.jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨...[2019/9/16]
jQuery(五)： Deferred
jQuery(五)： Deferred
有啥用
通常来说，js请求数据，无论是异步还是同步，都不会立即获取到结果，通常而言，我们一般是是使用回调函数再执行,而 deferred就是解决jQuery的回调函数方案，总的来说，deferred对象就是为了将某个回调函数延迟到某个时机再执行.
...[2019/9/12]
jquery点击来回切换
做个笔记偶尔用有时记不住
方法一：
<div id="test">
test
</div>
$(''#test'').mouseover(function () {
$(this).addCla (''a'')
...[2019/9/12]
jquery点击切换在点击切换
<div style=" position: absolute; top: 6rem; right: 4rem;" id="hides" > <a cla ="icon_a" style="color: #333; font-size: 16px;dis...[2019/9/12]
jQuery的基础总结jQuery的基础总结
**本篇只列出零碎的jQuery基础知识点，个人记录自己的学习进度，无序排列，谨慎查看。**
1.jQuery入口函数的四种写法2.jQuery与JS遍历数组的区别3.jQuery符号冲突问题4.jQuery与JS的map遍历方法5.each方法和map方法的区别6.jQue...[2019/9/10]
jQuery 源码解析(八) 异步队列模块 Callbacks 回调函数详解
异步队列用于实现异步任务和回调函数的解耦，为ajax模块、队列模块、ready事件提供基础功能，包含三个部分:Query.Callbacks(flags)、jQuery.Deferred(funct)和jQuery.when()。本节讲解Callbacks,也就是回调函数列表
回调函...[2019/9/10]
jquery 实现只能选中一个checkbox，选中当前的去除上一个jquery 实现只能选中一个checkbox，选中当前的去除上一个
jq 实现只能选中一个checkbox，选中当前的去除上一个。
<div id="checkboxed">
<input name="check1" type="checkbox"/>check1
<input nam...[2019/9/10]
用jquery制作的简单轮播图
我也是进入H5前端的小菜鸟一枚，最近才进入jquery的学习，所以打算对自己的学习进行记录。
今天分享的是一个简单的轮播图，这个轮播图的特效很简单，能够进行图片的轮播以及点击相应图片，图片能够跳转到相应位置
首先书写的div部分
1 <div id="...[2019/9/10]
jQuery 的58种事件方法你都用过了吗
jQuery 事件方法
事件方法触发或将函数附加到所选元素的事件处理程序。
下表列出了用于处理事件的所有jQuery方法。
方法描述
bind()
在3.0版中已弃用。 请改用on()方法。将事件处理程序附加到元素
blur()
附加/触...[2019/9/10]
用easyui从servlet传递json数据到前端页面的两种方法用easyui从servlet传递json数据到前端页面的两种方法
用easyui从servlet传递json数据到前端页面的两种方法
两种方法获取的数据在servlet层传递的方法相同，下面为Servlet中代码，以查询表中所有信息为例。
重写doGet方法
protected void doGet(HttpServlet...[2019/9/10]
jQuery源码学习一： 创建一个jquery实例
前言：
jquery是每个前端都会的基础技能，众所周知，jquery返回的是jquery实例方法，但是我们似乎是直接使用$就可以获取到jquery的方法啦，可以在浏览器中判断一下 window.$ 和window.jQuery,jQuery 之间的关系，就会发现他们之间是全等的；
不使用...[2019/9/10]
jQuery源码二之extend的实现
extend是jQuery中一个比较核心的代码，如果有查看jQuery的源码的话，就会发现jQuery在多处调用了extend方法。
作用
对任意对象进行扩展
扩展某个实例对象
对jquery本身的实例方法进行扩展
实现
基础版本， 对简单对象进行扩展
jQuery.prot...[2019/9/10]
向DataGrid数据表格增加查询搜索框
向DataGrid数据表格增加查询搜索框
效果如下：
js代码：
$(function(){
var dg = $(''#dg'').datagrid({
url:"${pageContext....[2019/9/10]
用easyui实现查询条件的后端传递并自动刷新表格的两种方法
用easyui实现查询条件的后端传递并自动刷新表格的两种方法
搜索框如下：
通过datagrid的load方法直接传递参数并自动刷新表格
通过ajax的post函数传递参数并通过loadData方法将数据初始化到表格中
js代码（搜索按钮的...[2019/9/10]
经验首页