jquery
萧逸才
这个作者很懒,什么都没留下…
展开
-
JS实现简单的图片查看效果
用js实现了一个简单的图片查看效果。主要功能: 1、点击图片后打开遮罩并在遮罩中显示图片,大小已做好限制,不会因为图片太大而导致出现滚动条; 2、鼠标放上图片后可以滚动放大或缩小图片; 注意:需要jquery.js和jquery.mousewheel.js的支持。js(pic-view.js)代码如下:$(function () { $("body").delegate(原创 2017-03-29 22:34:27 · 7222 阅读 · 0 评论 -
非常好用的jquery选择器笔记整理
jQuery是我们在开发前端时最常用到的一个JavaScript框架了,使用jQuery除了最基本的语法外,我觉得最重要的就是选择器了,有时使用一个正确的选择器,可以节省你大量的时间和代码,在这里整理了一些我在写代码的过程中遇到和使用的jQuery选择器和大家分享。$("#id")选择器根据ID来选择元素,是最常用的选择器之一。$(".class")选择器根据class来选择元素,是最常用的选择器原创 2017-06-10 11:04:20 · 587 阅读 · 0 评论 -
checkbox全选
遇到要写checkbox全选的时候,每次都要到网上搜一遍,这次记录下来,一劳永逸,省得以后老是忘记!代码<!DOCTYPE html><html><head> <meta charset="utf-8"></head><style> * { margin: 0px; padding: 0px; } body {原创 2017-06-02 14:43:16 · 478 阅读 · 0 评论 -
cannot call methods on button prior to initialization; attempted to call method 'loading'.
使用jquery-ui时和bootstrap冲突,报错Uncaught Error: cannot call methods on button prior to initialization; attempted to call method 'loading'.解决方法:将引用bootstrap.js之前引用jquery-ui.js参考:https://stackoverflow.com/que原创 2017-06-17 18:44:39 · 1975 阅读 · 0 评论 -
js中的引号嵌套问题
<!DOCTYPE html><html> <head> <meta charset="utf-8"> </head> <body> <h3>单引号</h3> <div id="single_quotes"></div> <hr/> <h3>双引号</h3> <div id="double_quotes"></div> <h3>打原创 2017-04-30 13:03:02 · 3506 阅读 · 0 评论 -
监听html窗口焦点事件
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>使用html5的Page Visibility API来实现</title></head><body><div> document.hidden:表示页面是否隐藏的布尔值。页面隐藏包括 页面在后台标签页中 或者 浏览器最小化 (注意,页面被其他软件遮盖原创 2017-04-13 21:31:26 · 6448 阅读 · 0 评论 -
change、keypress、input和propertychange
<!DOCTYPE html><html> <head> <meta charset="utf-8"> </head> <body> change:<input type="text" id="change"><br> keypress:<input type="text" id="keypress"><br> propertychange:<input原创 2017-04-13 20:33:09 · 5260 阅读 · 0 评论 -
jQuery 自定义选择器及应用
<!DOCTYPE html><html lang="zh-CN"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style> * { margin: 0px; padding: 0px; }原创 2017-04-03 17:56:50 · 793 阅读 · 0 评论 -
前端列表筛选效果
<!DOCTYPE html><html lang="zh-CN"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style> * { margin: 0px; padding: 0px; }原创 2017-04-03 17:41:55 · 3351 阅读 · 0 评论 -
(移动端)图片上传效果
<!DOCTYPE html><html lang="zh-CN"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style> * { margin: 0px; padding: 0px; }原创 2017-04-10 22:52:18 · 3301 阅读 · 1 评论 -
跑马灯(字幕水平滚动)的两种实现方式
js实现<!DOCTYPE html><html lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style> *{ margin: 0px; padding: 0px; }原创 2017-04-09 13:15:21 · 4328 阅读 · 0 评论 -
【强制】表单、 AJAX 提交必须执行 CSRF 安全过滤。
CSRF(Cross - site request forgery) 跨站请求伪造是一类常见编程漏洞。对于存在CSRF 漏洞的应用/网站,攻击者可以事先构造好 URL ,只要受害者用户一访问,后台便在用户 不知情情况下对数据库中用户参数进行相应修改。 具体思路:1、跳转页面前生成随机token,并存放在session中2、form中将token放在隐藏域中,保存时将...原创 2018-09-07 15:13:03 · 1051 阅读 · 0 评论