jQuery效果之滑动
jQuery 滑动方法有三种:slideDown()、slideUp()、slideToggle()。
jQuery slideDown() 方法用于向下滑动元素,
语法:$(selector).slideDown(speed,callback);
可选的 speed ...[2019/8/7]
jq上滑加载更多
html 结构
<div id="main">
<ul cla ="order-list" id="list_box">
li
</ul>
...[2019/8/7]
jQuery提示框插件SweetAlert用法分析
本文实例讲述了jQuery提示框插件SweetAlert用法。分享给大家供大家参考,具体如下:
SweetAlert可以替代Javascript原生的alert和confirm等函数呈现的弹出提示框,
它将提示框进行了美化,并且允许自定义,
支持设置提示框标题、提示类型、内容展示图片、...[2019/8/5]
jQuery 事件介绍
什么是事件?页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
常用的时间主要有以下几种:
click()事件:click() 方法是当按钮点击事件被触发时会调用一个函数。该函数在用户点击 HTML 元素时执行;
...[2019/8/5]
【jQuery】jQuery基础【jQuery】jQuery基础
jQuery介绍
jQuery是一个轻量级JS库,使用十分简单;
jQuery的核心是选择器,用于获取页面元素;
jQuery提供了大量高效的方法,开发速度大幅提升;
jQuery选择器
jQuery选择器用于选中需要操作的页面元素
语法1:jQuery(选择器表达式)
语法2...[2019/8/5]
jQuery的显示和隐藏
在 jQuery 中可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,以及使用 toggle() 方法能够切换 hide() 和 show() 方法。
隐藏例子:
1 <!DOCTYPE html>
2 <html l...[2019/8/5]
jQuery 选择器有61种你都知道了多少
下面列举了61种jQuery 选择器 参考
选择器语句描述
*
$("*")
选择所有元素
#id
$("#lastname")
id=“lastname”的元素
.cla
$(".intro")...[2019/8/5]
点击小图查看原图
点击图片看原图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewp...[2019/8/2]
JQuery Deferred对象使用小结JQuery Deferred对象使用小结
场景描述
如下,打开页面时,获取默认选中的项目,同时也会初始化Combobox下拉框下拉列表数据
问题描述
获取默认选中项目及下拉列表的js函数位于common.js文件,类似如下:
根据项目类型,获取对应...[2019/8/2]
同级frame之间的通信与跳转
项目最近需求两个同级的frame,通过点击一个frame里面的btn按钮来实现另一个frame的跳转(注意这俩个frame在同一个frameset下面);
原理:通过该frame找到父frameset然后找到另一个要跳转的frame,来实...[2019/8/2]
jQuery快速入门专题
jQuery入门专题
本人博客特点:最高重要等级为*****(五红星),依次减少代表重要性相对较低!
一、jQuery简介
jQuery 是一个 JavaScript的一个库,也就是说jQuery是基于JavaScript框架开发出来的。其目的是为了最大化的简化了JavaScript书写...[2019/8/2]
前端-jQuery
一、定义
1. 什么是jQuery
<1> jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team。
<2>jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是&mdash...[2019/8/2]
Jquery 学习-菜鸟教程
jquery效果和元素选择
元素选择
$(this).hide();
$("p.test") 隐藏所有cla ="test"的<p>元素
$("p:first") 选取第一个<p>元素
$("a[target=''_b...[2019/7/30]
阻止冒泡事件阻止冒泡事件
<form id="form1" runat="server"> <div id="divOne" onclick="alert(''我是最外层'');"> <div id="divTwo"&nbs...[2019/7/30]
安装jQuery
description
jQuery,顾名思义,也就是JavaScript和Query(查询),即辅助JavaScript开发的库。jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。j...[2019/7/30]
前端实现图片上传预览
讲干货,不啰嗦,开发中有时会遇到上传图片并即时生成图片预览的需求,以下为具体实现,主要是应用FileReader对象,有需要的请拿走。
具体实现:
<!DOCTYPE html>
<html lang="en">
<head>
...[2019/7/29]
jQuery实现简单的tab切换
html:
<section> <nav id="nav"> <a cla ="on">tab1</a> <a>tab2</...[2019/7/29]
select input 等控件进行清空操作
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="http: code.jquery.com/jquery-2...[2019/7/29]
jQuery实现简单导航栏的样式切换
style c 样式部分:
ul{ margin: 0 auto; height: 50px; background-color: #369; }
ul>li{ text-decoration: none; display: inline-block; height: 50p...[2019/7/29]
jQuery遍历 - 过滤first(),last()和eq()使用
jQuery遍历 - 过滤最基本的过滤方法是first(),last()和eq(),它们允许您根据元素在一组元素中的位置选择特定元素。
其他过滤方法(如filter()和not())允许您选择与特定条件匹配或不匹配的元素。
jQuery first()方法first()方法返回指定元素的第...[2019/7/29]
如何获取指定class的id
获取元素
1 <div cla ="visualS f_left">
2 <h3>异常车辆分析</h3>
3 <a id="year2016a" href="javascript:void(0)" >2016年全部&...[2019/7/26]
弹出框 点击其他部分关闭
做网页的时候常常会遇到半透明背景色的弹出框,通常回会想要点击关闭按钮或者背景色部分关闭弹窗 并且弹窗是背景色的后代
思路: 背景色盒子设置一个cla 类,通过jq 的点击事件 获取事件源对象(就是当前点击的) 判断点击的是否是 背景色盒子 这里通过类名判断
$("背景色盒子的类")...[2019/7/26]
JqueryJquery
1.使用Jquery实现隔行换色
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>...[2019/7/26]
JQuery学习笔记(4)——ajax - Stars-oneJQuery学习笔记(4)——ajax - Stars-one
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)
原生
例子
点击按钮,访问服务器上的ajax_info.txt文件,获得txt文件的内容,并修改显示的文本
<!DOCTYPE html>
<html&...[2019/7/26]
jquery:为动态加载的元素绑定事件jquery:为动态加载的元素绑定事件
最近在做项目的时候发现的一个问题,通过ajax动态加载出来的一个button值绑定不了点击事件。我使用的是datatables这款表单插件,表单内容是通过ajax动态渲染出来的。
解决方案:
通过Google,我发现在jquery1.7版本之前通常使用 .live() 这个事件,但是这个方...[2019/7/25]
jquery 常用工具方法jquery 常用工具方法
计算年龄 calcAge : function(birthday, calcDate){ var num = (calcDate.getMonth()<birthday.getMonth() || calcDate.getMonth()==birthday.getMonth() &am...[2019/7/25]
前端基础之jQuery
前端基础之jQuery
一、jQuery介绍
jQuery是一个轻量级的、兼容多浏览器的JavaScript库。
jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write l...[2019/7/25]
前端开发--面试题整理(JS篇)
1.截取字符串abcdace的acealert(''abcdace''.substring(4));
2.规避javascript多人开发函数重名问题命名空间封闭空间js模块化mvc(数据层、表现层、控制层)seajs变量转换成对象的属性对象化
3.javascript面向对象中继承实现f...[2019/7/24]
JQuery EasyUI Tree组件的不过记录JQuery EasyUI Tree组件的不过记录
记录一下使用项目中使用EasyUI遇到的bug,废话少说直接上菜 - _-(bug)。。。。。
bug :: .netcore创建一个web应用时候,会自动引入jQuery库以及一些插件,但是在使用EasyUI里面的tree组件时,他会报一个错...[2019/7/23]
JQuery学习笔记(3)——节点操作 节点查找 - Stars-one
插入节点
内部插入
所谓的内部插入,就是指在节点里面的插入,而外部插入,则是在节点外面插入。
append()
prepend()
appendTo()
prependTo()
append和prepend是相反的
后面以To结尾的,参数为被插入内容的节点
append可以理解为尾部插入,...[2019/7/22]
关于jQuery的源码学习关于jQuery的源码学习
注:该思维学习自另一个博客:https: blog.csdn.net oftware0017/article/detail 80317348
以下为我自己总结的jQuery结构:
原文链接:http: www.cnblogs.com/Soarin...[2019/7/22]
两个重叠的div做前后翻转
当需要做一个翻转卡片式的div时候,需要两个div的大小等大例如:
画出两个等大的div后,将他们重叠
图中的两个div做了重叠,做重叠时候用的属性是
position: absolute;
并且需要将第一页的c 里加上z-index 可以使的第一页在...[2019/7/22]
JQuery学习笔记(2)——数组 属性 事件 - Stars-one
each遍历
JQueryObjectArray.each(function(index,Element))
$(".myTable").each(function(i,ele){
使用模板函数
这里的ele是一个DOM对象,要想使用jQuery对象,可以...[2019/7/19]
关于css样式加载的问题
今天我在学习jQuery的addCla 操作时遇到了一个小问题,想来跟大家分享一下,避免初学者踩坑。
我的需求是制作一个表格,并让它隔行换色,在此基础上再加上鼠标悬浮变色的效果。(主要训练jQuery选择器和addCla )
但是在我真正操作后发现我的奇数行都变色了,而偶数行都没有变。具体...[2019/7/19]
JQuery学习笔记(1)——选择器 - Stars-one
JQuery本质上还是JavaScript,是JavaScript的一个框架,可以让我们更简洁地去使用JavaScript
使用之前,记得在html头部引用JQuery
通过选择器获得JQuery对象
id
$('#myDiv').c ('background:re...[2019/7/17]
关于JS、JQ首行首列固定展示
当时遇见这个问题 是医院手麻系统大批量数据展示,由于是旧项目系统没有使用到前端的架构 只能使用JQ,JS, c 完成 也谢谢给予我支持的同行们
固定首行数据: 采用函数的方式进行 JQ /** * 功能:固定表头 * 参数 v...[2019/7/17]
jQuery基础
jQuery简介
jQuery 是一个轻量级的 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery的下载、引入
1、进入jQuery官网,点击下载
&nbs...[2019/7/17]
jqGrid api 中文说明
JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信。
JQGrid Demo 是一个在线的演示项目。在这里,可以知道jqgrid可以做什么事情。
下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适。
...[2019/7/17]
laravel框架之即时更改
表单 @foreach($res as $k=>$v) <tr id="{{$v->id}}" > <td>{{$v->id}}</td> <td >{{$v->tye}}</td> ...[2019/7/16]
重置 Bootstrap modal 模态框数据
利用 Bootstrap modal 模态框弹层添加或编辑数据,第二次弹出模态框时总是记住上一次的数据值,stackoverflow 上找到个比较好的方法,就是利用 jQuery 的 clone 方法,具体代码如下 :
关闭模态框时还原所有数据
var clone_modal = $...[2019/7/16]
前端 -- jQuery
jQuery引入
下载链接: [jQuery官网](https: jquery.com/),首先需要下载这个jQuery的文件,然后在HTML文件中引入这个文件,就可以使用这个文件中帮我们提供的jquery的接口了。
引入: <script src = ''jquery...[2019/7/16]
JavaScript获取页面元素的常用方法JavaScript获取页面元素的常用方法
1、通过标签获取元素,返回一个数组
var li = document.getElementsByTagName(''li''); 标签获取元素
li[0].innerHTML; 查看获取元素的内容
li[0].innerHTML =...[2019/7/15]
前端开发学习指南-转载前端开发学习指南-转载
---恢复内容开始---
这篇文章很长,但的确是一篇非常干的干货,讲诉了 HTML、JavaScript、CSS、jQuery使用的一些规范与建议,前端的同学可以认真阅读此文,并比较自己平时的一些习惯,看是否有改进的地方……
HTML
咋的啦,DOCTYPE?
不定义DOCTYPE是一...[2019/7/15]
spring boot freemarker 导出word 带echarts图形报表spring boot freemarker 导出word 带echarts图形报表
创建word文件内容如下
将word导出为xml格式
将文件后缀名改为 .ftl
打开文件 修改图片的数据内容使用表达式代替
修改后
后查看${username}是否分家了,如果分家了将其多余部分...[2019/7/15]
Jquery Note
第一天
一:入口函数(4种)
a: $ ( documnet ) . ready ( function () {}...[2019/7/15]
jQuery入门
简介
What is jQuery?
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipula...[2019/7/12]
jQuery 名称发生冲突怎么办【问题】
【问题】jQuery 名称发生冲突怎么办?
【答案】jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。jQuery 使用名为 noConflict() 的方法来解决该问题。
&...[2019/7/12]
Jquery源码解析及案例分析Jquery源码解析及案例分析
本人刚学先上链接(别人写的挺好的)后期同步补上??!!!
网站链接:https: blog.csdn.net/baozhiqiangjava/article/detail 81178694
GitHub:https: github.com/JsAaron/jQuery 原文链接:http:...[2019/7/11]
模态框对话
什么是模态框
简单来说,模态框就是在原有的界面上新增一个窗口,
以保证在不刷新网页的前提下和后台完成交互。
废话不多说,先来看效果图
如图,我们明显可以看到网页上面新增了一个窗口,这也就是常见的模态框样式
模态框结构
由上图看出,弹出的最上面一层和原本明显不在一层,模态框...[2019/7/11]
jQuery常用知识点大总结
目录
jQuery
jQuery介绍
jQuery的优势
jQuery的引入方式有两种:
jQuery对象和dom对象
jQuery选择器
基本选择...[2019/7/11]