jQuery事件
事件
事件绑定方式
<script src="jquery.js">< cript>
<script>
方式1
$('#d1').click(function () {
$(this)...[2019/7/10]
$(...) is null
删冲突插件,jquery作为基础库,当然是没有理由被删了。这个方法最直接了。
(2)将jquery的$方法改名,具体改名方法如下:
jQuery.noConflict(); 将变量$的控制权让渡给给其他插件或库
jQuery(function(){ 不在直接使用$,而是使用jQu...[2019/7/10]
SSH框架集成Activiti Modeler在线设计器页面出现问号及乱码的解决办法SSH框架集成Activiti Modeler在线设计器页面出现问号及乱码的解决办法
文·原创/朱季谦
工作流是一个针对企业用户、开发人员、系统管理员的轻量级工作流业务管理平台,其核心是使用Java开发的快速、稳定的BPMN2.0流程引擎。在我们日常开发当中,例如oa系统里的请假功能,采购流程,以及订单流程,等等,都会涉及到流程的开发,这里面可以...[2019/7/10]
jQuery基础学习
一、简介
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“Write Le , Do More”,即倡导写更少的代码,做更多的事情。它封装...[2019/7/10]
jquery多级树形下拉菜单的实例代码
效果图:
使用方法
(1)引入 jQuery 包,下载地址
(2)引入 zTree 包,下载地址
(3)引入 tree-select.js
(4)$("#id").treeSelect(data);
<!DOCTYPE html>
<html l...[2019/7/9]
jquery多级树形下拉菜单
效果图:
使用方法
(1)引入 jQuery 包,下载地址
(2)引入 zTree 包,下载地址
(3)引入 tree-select.js
(4)$("#id").treeSelect(data);
<!DOCTYPE html&...[2019/7/9]
echarts统计x轴区间的数值echarts统计x轴区间的数值
有时我们需要统计自定义echarts图,统计x轴区间的y轴数量。
思路是利用echarts的自定义配置:option.series[i].type=''custom''中的renderItem(params, api)函数进行处理,这里包括了两个参数:params是对应每一个dataItem的数...[2019/7/8]
jQuery
jquery的引入
1.官网下载jquery文件保存到本地通过script的src引入
2.直接通过srcipt的src链接官网文档的地址
jq操作页面
jq选择器 - 得到的是jq对象 - jq对象可以调用jq库里的所有功能
$和jquery是一样的 语法 let...[2019/7/8]
jQuery调整表列(左右拉动调整列宽)插件__colResizable,动态列如何使用jQuery调整表列(左右拉动调整列宽)插件__colResizable,动态列如何使用
官网地址:http: www.bacubacu.com/colresizable/
这里值得注意的是,如果是动态加入的列,则需要先清理调用插件生成的cla ,id和div之后再重新调用才会有作用。
至于为何动态加载的列没有效果呢。首先,我想到了可能是方法加载在了动态生成列之前,所以我便手动在生...[2019/7/5]
仿EXCEL插件,智表ZCELL产品V1.7 版本发布,增加自定义右键菜单功能
详细请移步 智表(ZCELL)官网 www.zcell.net
更新说明
这次更新主要应用户要求,主要解决了自定义右键菜单事件的支持,并新增了公式中自定义函数传参、快捷键剪切等功能,欢迎大家体验使用。
...[2019/7/5]
layui 查询无效问题
【热身话题】
在开发的过程中,大量数据的展示大多采用表格的方式,直观,清晰。在这里,我也使用过一些框架Bootstrap.table ,Dev table ,layui table。本次采用的layui table。用表格展示数据的同时会提供丰富的查询条件去筛选相应的数据。由于大量的数据,一...[2019/7/4]
JQ实现购物车全选跟总计全选文衫-JQ实现购物车全选跟总计全选文衫-
GoodsCheck购物车每个店铺的checkBox goods-check购物车所有的checkBox ShopCheck店铺全选的按钮 commlistFrm店铺商品的模块 allCheck 所有全选按钮 购物车全选$(''.ShopCheck'').click(function () {...[2019/7/4]
jq+swiper 实现今日头条App的选项卡效果
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title...[2019/7/4]
使用MUI框架实现JQ购物车增减文衫-使用MUI框架实现JQ购物车增减文衫-
购物车数量减少$(''.reduce'').click(function () { addMinus(this,0)}); 购物车数量增加$(''.increase'').click(function () { addMinus(this,1)});function addMin...[2019/7/3]
JQuery+Bootstrap 自定义全屏Loading插件
1 /**
2 * 自定义Loading插件
3 * @param {Object} config
4 * {
5 * content[加载显示文本],
6 * time[自动关闭等待时间(ms)]
7 * }
8 * @param {String...[2019/7/3]
AEC_js的加解密
后台传出来,前端就需要转出,前台传入,后台也需要转出
这是前端加解密
/*
CryptoJS v3.1.2
*/
var CryptoJS = CryptoJS || function(u, p) {
var d = {},
l = d.lib ...[2019/7/2]
表单的提交与阻止
条件: .netcore web mvc
在 View 视图界面,新建一个表单按钮来执行我们所需要的任务---数据的提交。但是通常我们有些情况不需要提交表单,例如:一个简单的注册界面,我们填完信息的时候需要两个按钮,一个是确定按钮,一个是取消按钮,但是如果简单地这样处理的话就会出现问题,当你点...[2019/7/2]
Web前端—— JQuery迷你版实现以及使用 - Stars-one
JQuery迷你版实现以及使用
tiny_jquery.js
var $ = function (selector) {
var ele = document.querySelector(selector);
返回当前元素的内容
ele.val = funct...[2019/6/30]
jQuery火箭图标返回顶部代码jQuery火箭图标返回顶部代码
在网上找来段使用jQuery火箭图标返回顶部代码,感觉比较酷,比较炫,大概样式如下,
很酷炫哦!
如果第一次自定义博客园,需要申请权限
点击博客园的【管理】 → 【设置】→ 一直往下拉, 找到【博客侧边栏公告(支持HTML代...[2019/6/30]
javascript与jQueryjavascript与jQuery
今天在找资料的时候,空调维修发现了一篇关于“javascript与jQuery”文章。讲得还不错,拿来给大家一起分享下:
其实很多初学JS的朋友们,都会纠结一个问题?是什么问题呢?
“学习js到底是先学原生JS还是jQuery呢?”
其实...[2019/6/29]
jquery仿淘宝购物车页面商品结算(附源码)
1、效果图如下:
2、源码如下:
html部分:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta...[2019/6/29]
jQuery仿京东首页广告图片切换
1、效果图如下:
2、源码如下:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>jQuery仿京东首页广告图片切换<...[2019/6/28]
jQuery内容选择器与表单选择器实例分析
本文实例讲述了jQuery内容选择器与表单选择器。分享给大家供大家参考,具体如下:
内容选择器
jQuery内容过滤选择器的过滤规则主要运用在DOM元素所包含的子元素或其文本内容上,主要包括以下四种过滤方法:
内容选择器4种用法
内容选择器
选取含有文本内容为...[2019/6/28]
jQuery层叠选择器用法实例分析
本文实例讲述了jQuery层叠选择器用法。分享给大家供大家参考,具体如下:
层叠选择器
如果想通过DOM元素之间的层次关系来获取特定的元素,例如后代元素,子元素,相邻元素和兄弟元素等,那么层叠选择器是一个非常好的选择。
位置选择器语法如下:
"基准元素 层叠符号 目标元素"
...[2019/6/28]
jQuery位置选择器用法实例分析
本文实例讲述了jQuery位置选择器用法。分享给大家供大家参考,具体如下:
位置选择器
jQuery同样也允许我们利用元素所在位置来获取所需组件
位置选择器语法如下:
"$基本选择器:位置选择器"
位置选择器种类
常用位置选择器的用法
选择第一个
...[2019/6/28]
jQuery属性选择器用法实例分析
本文实例讲述了jQuery属性选择器用法。分享给大家供大家参考,具体如下:
属性选择器
在HTML文档中,元素的开始标记中通常包含有多个属性(attribute)
<input id="txtUsername" type="text" value="qiyisoft" n...[2019/6/28]
jQuery子选择器与可见性选择器实例分析jQuery子选择器与可见性选择器实例分析
本文实例讲述了jQuery子选择器与可见性选择器。分享给大家供大家参考,具体如下:
子元素选择器与可见性选择器
子元素选择器是允许利用子元素的位置进行获取的选择器
子内容选择器3种用法
E:first-child
选择所有位于其父元素第一个位置的E元素
...[2019/6/28]
jquery 常用选择器基础语法学习
1.过滤器filter(有xxx类的,或id=xxx的元素)与not(没有XXX类,或不是id=xxx的元素)
2.父代选择器parent与parents(),parent是选则直接父类,parents是选择父类,父类的父类。
所以很重要的一点是:parent()是只返回一个元素的,...[2019/6/28]
插件封装 入门一
编写一个jQuery插件开始于给jQuery.fn加入新的功能属性,此处添加的对象属性的名称就是你插件的名称:
1 jQuery.fn.myPlugin = function(){
2 你自己的插件代码
3 };
&...[2019/6/28]
json详解
JSON详解
JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式。XML也是一种数据交换格式,为什么没 有选择XML呢?因为XML虽然可以作...[2019/6/27]
jqGrid中multiselect: true 操作checkbox
在jqGrid中设置multiselect: true可以实现全选的操作,但怎么设置被选中的checkbox里面的值呢,做法如下:jQuery("#listTable").jqGrid({ url: ''queryList.do'', &nb...[2019/6/25]
Web点击链接调起手机系统自带短信发短信
实现代码如下:
一、Html代码
<a href="javascript:;" cla ="xq-sms">发送短信</a>
二、jQuery代码
$(document).ready(function(){
var u = navigat...[2019/6/24]
JQuery框架:介绍、安装、选择器、属性操作、动画
目录
jQuery
详细内容
1.JQuery介绍
2.JQuery的下载安装
3.JQuery的使用
4.jQuery的选择器
5.JQuery的...[2019/6/24]
根据下拉框选择的值显示输入框
html代码:
<select id="checkPointExpre " data-dux="form-select" name="product_type_id" required> <option value="">-请选择属性-&l...[2019/6/21]
Web开发者必须知道的10个jQuery代码片段
在过去的几年中,jQuery一直是使用最为广泛的JavaScript脚本库。今天我们将为各位Web开发者提供10个最实用的jQuery代码片段,有需要的开发者可以保存起来。
1、检测Internet Explorer版本当...[2019/6/21]
jQuery-ready与load
ready 在DOM加载完成时运行的代码
$(document).ready(function(){
在这里写代码...
})
可以简写为
$(function(){
在这里继续使用$作为别名...
}...[2019/6/21]
jQuery-对列表的操作
主要是通过对dom元素的增加和删除实现对数据增加和删除
1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="UTF-8">
...[2019/6/20]
使用jquery-easyui的布局layout写后台管理页面的代码详解
先在官网下载easyui文档
引入头部文件
<link rel="stylesheet" type="text/c " href="${pageContext.request.contextPath} tatic/jquery-easyui-1.3.3/theme defau...[2019/6/20]
大项目之网上书城(五)——主页(End)大项目之网上书城(五)——主页(End)
目录
大项目之网上书城(五)——主页(End)
主要改动
1.主页(终于完成啦)
完整代码
效果图
2.head.jsp的小改动
...[2019/6/19]
如何使用CSS3和JQuery easing 插件制作绚丽菜单
前言
在本教程中,我们将创建一个独特的滑动框导航。这样做可以让有菜单的盒子滑出,并且弹出缩略图。在某些菜单项中我们还包含着有进一步链接的子菜单。取决于我们鼠标在菜单项上的停悬,子菜单将向左或向右滑动。
我们将使用jQuery Easing Plugin插件和一些由tibchris.提供的漂...[2019/6/19]
使用异步controller与jQuery实现卷帘式分页
问题
今天很多网站与数据库交互。如果您的网站接收大量的流量,SQL查询来检索数据,是相当激烈的。更重要的是因为普通用户点击一个在15秒内到达您的网站的链接, 检索和生成内容的工作可能是不必要的,尤其是当内容是“地域折叠”(不滚动是不可见的)。为了帮助解决这个问题,内容将被“按需”载入。足够的内...[2019/6/19]
使用JQuery自动完成插件Auto Complete详解
问题
当你查找一些特殊的东西,当你输入准确的词时,找到它可能是困难的(或者很耗时)。在输入的时候展示出结果(自动完成),使查找变得更简单。
解决方案
使用JQuery自动完成插件,更新现有图书列表页面上的搜索,当用户键入的时候立即显示结果。
讨论
自动完成插件是不会象jQuer...[2019/6/19]
js/jQuery实现全选效果
本文实例为大家分享了j jQuery两种代码实现全选效果的具体代码,供大家参考,具体内容如下
注意点
在获取子选框的时候别加上 全选框的个数了
技巧
找 tbody 下面的input标签 就可以
jq文件夹自己下载即可
思路
var all=my$("j_tb"...[2019/6/18]
jQuery-选择器
使用jQuery选择器
1、可以使代码更简洁的写
document.getElementById()使用jQuery的写:$("#demo")
2、支持CSS选择器
3、提供了完善的处理机制 (完善的兼容处理)
1、基本选择器
...[2019/6/17]
jQuery-tab切换
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" con...[2019/6/17]
前端之jquery2
jquery属性操作
1、html() 取出或设置html内容
取出html内容
var $htm = $(''#div1'').html();
设置html内容
$(''#div1'').html(''<span>添加文字< pan>'');
...[2019/6/17]
前端之本地存储和jqueryUI
本地存储
本地存储分为cookie,以及新增的localStorage和se ionStorage
1、cookie 存储在本地,容量最大4k,在同源的http请求时携带传递,损耗带宽,可设置访问路径,只有此路径及此路径的子路径才能访问此cookie,在设置的过期时间之前有效。jquery ...[2019/6/17]
bootStrap表单验证插件的使用
bootStrapValidator插件的使用
1.插件的下载和引用
首先要引入bootstrapValidator插件。链接的地址:https: www.bootcdn.cn/jquery.bootstrapvalidator/可以使用网页中的插件连接,也可以将源码下载到本地使用。要使用bo...[2019/6/17]
jQuery-使页面回到顶部
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta http-equiv="X-UA-Compati...[2019/6/17]
jQuery选择器
1.基本选择器
选择 id为 one 的元素
$("#btn1").click(function() {
$("#one").c ("background-color", "red");
});
...[2019/6/14]