jquery.dataTables的摸索之路-服务端分页配置
最近闲来无事想研究下数据表格,因为之前接触过layui和bootstrap的数据表格,本着能学多少学多少的学习态度,学习下dataTables的服务端分页配置。特与同学们一块分享下从中遇到的问题和解决方式。
与bootstrap的数据表略有不同,在引入相关js后除了必要的DO...[2019/6/13]
JS实现点击生成UUID的方法完整实例【基于jQuery】
本文实例讲述了JS实现点击生成UUID的方法。分享给大家供大家参考,具体如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<titl...[2019/6/12]
监听文本框,动态生成复选框
最近项目中需要利用文本框,输入数字,然后页面出现相应的几个复选框,因为项目用的是layui,我用的是layui的方法,其实用别的也同样适用。
1.jsp:
<div cla ="layui-container"> <form cla ="...[2019/6/11]
bootstrap datatable editor 扩展
需求:
a. 表单样式更改。
b. 表单大小更改。
思路:
a. 通过设置modal c 更改样式和大小。缺点,全局性的更改。
b...[2019/6/11]
Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation" - yjry-thAjax方式上传文件报错"Uncaught TypeError: Illegal invocation" - yjry-th
今天使用ajax上传文件时,出现了错误。数据传输的方式是通过定义formData完成的,提交的文件对象也设置为dom对象,但是还是不能发送请求。F12看到后台报了个错误:Uncaught TypeError: Illegal invocation,百度了一下,找到了解决方法。
解决方法:在aj...[2019/6/10]
前端之jquery1
jquery介绍
jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。
jQuery的版本分为1.x系列和2.x、3.x系列,1.x系列兼容低版本的浏览器,2.x、...[2019/6/10]
类似淘宝五星点评 ,Jquery实现代码
<!--默认五星,根据鼠标点击判断-->
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&...[2019/6/10]
Bootstrap 基于Bootstrap和JQuery实现动态打开和关闭tab页
基于Bootstrap和JQuery实现动态打开和关闭tab页
by:授客 QQ:1033553122
1. 测试环境
JQuery-3.2.1.min.j
Bootstrap-3.3.7-dist
...[2019/6/10]
jQuery设置样式css
一、设置单个样式
$(''.div'').c (''padding-top'',''8.6rem'');
二、设置多个样式
$(''.div'').c ({''width'': "240px",''height'': "240px",''display'':''block''});
...[2019/6/6]
JavaScript 弹出框
JavaScript 有三种类型的弹出框:警告框、确认框和提示框。
警告框
如果要确保信息传递给用户,通常会使用警告框。
当警告框弹出时,用户将需要单击“确定”来继续。
语法
window.alert("sometext");
window.alert()...[2019/6/6]
JQuery学习笔记之手网琴效果
这种东西在网上多的是,最近在学JQuery,所以就写了个随笔
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
&l...[2019/6/6]
jQuery操作cookie的示例代码
Cookies
定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术;
下载与引入:jquery.cookie.js基于jquery;先引入jquery,再引入:jquery.cookie.js;下载:http: plugins.jquery.com/co...[2019/6/5]
前端之JQuery前端之JQuery
摘要:
jQuery初识
jQuery具体使用方法
jQuery初识
jQuery介绍: jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化J...[2019/6/5]
2019 年了,为什么我还在用 jQuery?
译者按: 看来 jQuery 还是有一些用武之地的。
原文: Why I''m Still Using jQuery in 2019
译者: Fundebug
为了保证可读性,本文采用意译而非直译。翻译仅供学习探讨,不代表 Fundebug 观点。
许多人都在提倡: “直接用原生的 Jav...[2019/6/4]
JQuery中的AJAX
$.ajax({
url:"http: www.microsoft.com", 请求的url地址
dataType:"json", 返回格式为json
async:true, 请求是否异步,默认为异步,这也是ajax重要特性
data:{"...[2019/5/31]
jQuery选择器jQuery选择器
jQuery选择器分类
基本选择器
5(种)
层次选择器
4
过滤选择器
11+4+2+9+4+4
表单选择器
11
1.基本选择器
ID选择器
类名选择器 .cla
元素选择器 element
通配符选...[2019/5/31]
Ajax实现附件上传
前两篇文章有介绍使用form.submit 实现附件的上传,但是这种方式使用起来很不方便,如过需要再上传成功以后执行一些其他的操作的时候比较麻烦。下面我为大家介绍下使用ajax实现附件上传的功能:
1.使用FormData对象上传附件:
<!DOCTYPE ...[2019/5/31]
JQuery操作样式以及JQuery事件机制JQuery操作样式以及JQuery事件机制
1.操作样式
1.1 c 的操作 功能:设置或者修改样式,操作的是style属性
操作单个样式
name:需要设置的样式名称
value:对应的样式值
$obj...[2019/5/31]
JS批量获取参数构建JSON参数对象
在做系统的时候,往往查询条件是被严格指定的,大量的查询条件,一两个页面还可以通过dom去一个一个获取,再构建参数对象,请求后台接口。
这里给大家讲一个批量获取前端参数,构建参数对象。
<form name="@ViewData["title"]_FormId" id="@View...[2019/5/29]
ajax 执行成功以后返回的数据走的是error方法而不是success方法的问题
今天在一个功能的时候发现写的ajax的方法执行后台代码成功后返回前台时执行的是error方法而不是succe 方法,代码如下
jQuery(''#form'').ajaxSubmit({
type: "post",
url: "X...[2019/5/28]
jQuery判断当前页面是APP内打开还是浏览器打开
一、代码如下:
function check_useragent()
{
var browser = {
versions: function() {
var u = navigator.userAge...[2019/5/27]
jQuery中使用validate插件校验表单功能
一.功能效果
二.部分特殊规则
2.1 错误信息位置更改
在表单某选项中增加代码
<label cla ="error" for="表单中选项的name"></label>
例如 : 性别必选
<td>
&l...[2019/5/24]
jQuery老矣,尚能饭否
发展历程 write le , do more -- John Resig 在2005年8月的某一天,有一位叫John Resig的美(guo)人,在blog上连发3个栗子公开怼了Prototype的Behaviour的代码冗长,在那之后没多久就开源了风靡全球的利器JQuery,还兼容了IE5.5...[2019/5/24]
jQuery操作attr、prop、val()/text()/html()、class属性jQuery操作attr、prop、val()/text()/html()、class属性
1.1 arr操作
设置单个属性
第一个参数:需要设置的属性名
第二个参数:对应的属性值
$obj.attr(name, value);
用法举例、
$(''img'').attr(''alt'',''不错哦'');
获取...[2019/5/24]
jquery+php后台实现省市区联动功能示例
本文实例讲述了jquery+php后台实现省市区联动功能。分享给大家供大家参考,具体如下:
JS:
$("#from_prov_id,#from_city_id").change(function () {
var current_prov_id = $(this).va...[2019/5/23]
jQuery实现点击图片简单放大效果
一、HTML代码如下:
<img cla ="comment_pics" width="50px" height="50px" src="img/01.jpg"/>
<div cla ="bg">
<img cla ="bgImg" style...[2019/5/23]
JQuery操作attr、prop、val()/text()/html()、class属性
1.1 arr操作
设置单个属性
第一个参数:需要设置的属性名
第二个参数:对应的属性值
$obj.attr(name, value);
用法举例、
$(''img'').attr(''alt'',''不错哦'');
获取属性...[2019/5/23]
Phpstorm建立连接Wampserver的数据库
phpstorm是一款php集成开发环境软件,集成了很多功能,不但有强大的代码编辑及调试功能,还能连接数据库。本文写的就是如何用phpstorm来建立访问wampserver数据库,查询输出数据,方便我们开发工作。
1、新建数据库
方法一:点击wampserver的绿色图标...[2019/5/22]
jQuery Migrate 插件用法
jQuery Migrate是应用迁移辅助插件,是用于高级版本兼容低级版本辅助插件。例如jQuery版本用的是1.x,计划升级到3.x,就可以在页面删除1.x版本,换成3.x版本,如果有脚本错误,就引入jquery-migrate插件用于兼容低版本,同时也显示低版本方法替换成新版本方法的方案。
...[2019/5/22]
jquery根据html()的内容来选择
<ul><li>First</li><li>http: www.hfxskyyj.com/</li></ul>如上,如何选中html()值为First的jquery对象,$([innerHTML=''First''])这种方法...[2019/5/21]
Ajax跨域请求,设置contentAjax跨域请求,设置content
在使用Ajax跨域请求时,如果设置Header的ContentType为application/json,会分两次发送请求。第
一次先发送Method为OPTIONS的请求到服务器,这个请求会询问服务器支持哪些请求方法(GET,POST等),
支持哪些请求头等等服务器的支持情况。等到这...[2019/5/20]
Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结
Bootstrap表格插件bootstrap-table配置与应用小结
by:授客 QQ:1033553122
1. 测试环境
win7
JQuery-3.2.1.min.js
下载地址:
https: gi...[2019/5/20]
JQuery的介绍及选择器
1.什么是JQuery。
JavaScript开发的过程中,处理浏览器的兼容很复杂而且很耗时,于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代码进行封装。
把一些常用到的...[2019/5/20]
jQuery控制input只能输入数字和两位小数的方法jQuery控制input只能输入数字和两位小数的方法
前言
做为一个PHPER,难免会遇到那种表单中jQuery限制输入的问题,比如,限制空格的输入,只允许输入数字,以及小数点的控制等等,这里,我们就说一下数字的限制。
jquery代码
话不多说,直接先上jQuery函数,具体的可以看注释说明,在使用这个之前,请务必保证已经提前引入了jQ...[2019/5/17]
JQuery介绍
一、简介:
JQuery是一个JS代码仓库,是一个快速度的简介的JS库,可以简化查询DOM对象,处理时间,制作动画,处理Ajax交互过程。
二、优势:
1、体积小,使用灵巧(只需引入一个JS文件);
2、方便的选择页面元素(模仿CSS选择器更精确、灵活);
3、动态...[2019/5/16]
jquery获取元素的display属性是不是none?
1.代码:
$(".max_find_wl_info").click(function(){
if($(''.max_wuliu'').c (''display'') === ''none''){
$(''.max_wuliu'').c ({'...[2019/5/15]
获取ul li的value的值
<script>
$(function(){
$(".month-list").find("li").click(function(){
var text = $(this).te...[2019/5/15]
jquery实现二级导航下拉菜单效果实例
大家都知道jQuery是一个框架,它对JS进行了封装,使其更方便使用。前面两篇博文分别是用CSS样式和JS实现的,那么这篇就用jQuery来实现二级下拉式菜单。
使用JQuery实现需要用到的知识有:
1)使用$(function(){...})获取到想要作用的HTML元素。
...[2019/5/15]
jquery+css实现Tab栏切换的代码实例
前几天面试碰到现场给写一个Tab栏切换的功能,思想基本上懂,但是好久没写过,一时要全部实现效果还真有点难。回来后,再把思路理一理,写一个,基础还是很重要的。
最终要实现的效果图如下:
(1)点击tab栏显示对应的内容,并且tab栏样式变化。实现方式:一般tab栏如果要做成比较好看的样...[2019/5/15]
JQuery样式操作、click事件以及索引值-选项卡应用示例JQuery样式操作、click事件以及索引值-选项卡应用示例
本文实例讲述了JQuery样式操作、click事件以及索引值-选项卡应用。分享给大家供大家参考,具体如下:
JQuery的c 函数既能读属性值,也能写属性值:
<!DOCTYPE html>
<html lang="en">
<head>
...[2019/5/14]
jquery实现选项卡切换代码实例
选项卡在网页中很常见,可以说是必备的一个元素了,网上其实也有很多案例讲解选项卡的做法,各种炫酷。
写这篇文章,就是记录下自己的一个练手Demo了。
两张简陋的图。
主要逻辑就在于找到选项卡和内容框相对应的下标。
<html>
<head>...[2019/5/14]
3.省市区,三级联动(优化版)
1 <body onload="change()">
2 <form>
3 <select onchange="sel_one()">
4 < elect>
5 ...[2019/5/14]
jQuery源码逐行分析学习01(jQuery的框架结构简化) - learning-python
最近在学习jQuery源码,在此,特别做一个分享,把所涉及的内容都记录下来,其中有不妥之处还望大家指出,我会及时改正。望各位大神不吝赐教!同时,这也是我的第一篇前端技术博客,对博客编写还不是很熟悉,美化工作可能不够到位,也希望大家多多见谅!
首先这篇文章要给大家分享的是:jQuery的框架结构...[2019/5/14]
6.放大镜效果
一、html,c 部分
二、js部分
三、源代码部分
1 <head>
2 <meta charset="UTF-8">
3 <meta name="viewport" content="width=device-wid...[2019/5/14]
JQuery的加载和选择器用法简单示例
本文实例讲述了JQuery的加载和选择器用法。分享给大家供大家参考,具体如下:
JQuery加载
一般开发中不用原生的JavaScript而是用JQuery,开发效率比较高。
下面程序是原生和JQuery库的比较程序
<!DOCTYPE html>
<h...[2019/5/14]
JQuery特殊效果和链式调用操作示例
本文实例讲述了JQuery特殊效果和链式调用操作。分享给大家供大家参考,具体如下:
JQuery的特殊效果
fadeOut()淡入
fadeToggle()切换淡入淡出
hide() 隐藏元素
show() 现实元素
toggle() 切换元素的可见状态
slideDown(...[2019/5/14]
使用jQuery如何写一个含验证码的登录界面使用jQuery如何写一个含验证码的登录界面
一个包含用户名,密码,验证码的简单的登陆界面,如下图所示:
首先是 HTML 代码:
<div id="divID">
<div style="background-color:transparent;">
<form id="ff" ...[2019/5/14]
js常用设计模式js常用设计模式
1.模块模式:
在立即执行函数表达式中定义的变量和方法在外界是访问不到的,只能通过其向外部提供的接口,"有限制"地访问.通过函数作用域解决了属性和方法的封装问题.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
...[2019/5/13]
JQuery 实现多个checkbox 只选中一个JQuery 实现多个checkbox 只选中一个
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name = "vi...[2019/5/13]
两种方法使vue实现jQuery调用两种方法使vue实现jQuery调用
引言
如果说vue是前端工程化使用较多的骨架,那么JavaScript就是我们的前端的细胞。MVVM模式让我们体验到前端开发的便携,无需再过多的考虑DOM的操作。而vue的渐进式开发(逐步引用组件,按需引入),也让许多新手前端开发人员逐步绕过对jQuery的学习。jQuery需要记忆的内容颇多,这...[2019/5/13]