随笔分类 -  jQuery

[jQuery]下载链接文件
摘要：function downloadFile(url, fileName) { var x = new XMLHttpRequest(); x.open("GET", url, true); x.responseType = 'blob'; x.onload = function (e) { var 阅读全文
posted @ 2021-05-25 22:53 阳癫疯 阅读(567) 评论(0) 推荐(0)
[jQuery]项目初始化
摘要：//Main Function var Main = function() { //function to activate var fuc1 = function(){ console.log("This is 1"); } var fuc2 = function(){ console.log(" 阅读全文
posted @ 2021-05-25 22:22 阳癫疯 阅读(78) 评论(0) 推荐(0)
[jQuery]判断元素是否进入视窗
摘要：网页开发的时候，常常需要了解某个元素是否进入到"视口"(viewport),即用户在当前屏幕内是否看到这个元素 上图的绿色方块不断滚动，顶部会提示它的可见性。 思路 一 监听窗口 scroll 事件后，调用目标元素的 getBoundingClientRect() 方法, 获得该元素相对于视口左上角 阅读全文
posted @ 2021-02-23 22:09 阳癫疯 阅读(820) 评论(0) 推荐(0)
[jQuery]网页背景切换的插件
摘要：思路： 1. 通过jq改变元素的css,来实现背景的切换 功能： 1. 背景切换 相关知识点 1. $.fn是指jQuery的命名空间，加上fn的方法及属性，会对jQuery实例有效。 2. extend(dest,src1,src2,src3...); 2.1 它的含义是将src1,src2,sr 阅读全文
posted @ 2019-08-22 23:48 阳癫疯 阅读(471) 评论(0) 推荐(0)
[jQuery]Input输入框扩展(回车提交，监听input值)
摘要：扩展功能 1. 回车提交 2. 有内容时，有“X”清除 思路 1. 用propertychange事件来监听对象属性的变化 2. 判断用户按键是否是回车来提交 代码 // 监听input的值变化 $("input.search").bind("input propertychange", funct 阅读全文
posted @ 2019-07-19 13:00 阳癫疯 阅读(1717) 评论(0) 推荐(0)
[jQuery]获取文件格式并判断格式是否正确
摘要：思路 1. 分离最后一个“.”，然后取后面的字符串，取得文件后缀名 2. 后缀名进行比对 代码 1. // 获取文件字符串 var file=$("input[name='file']").val(); // 获取最后一个'.'的角标 var point = file.lastIndexOf("." 阅读全文
posted @ 2019-07-15 23:16 阳癫疯 阅读(1602) 评论(0) 推荐(0)
[jQuery]点击某元素之外触发事件
摘要：思路 1. 获取点击元素 2. 判断元素是否含有Class || 判断父级是否含有Class 不含有则执行事件 代码 阅读全文
posted @ 2019-07-14 19:39 阳癫疯 阅读(1451) 评论(0) 推荐(0)
[jQuery]超出容器部分...
摘要：思路: 1.获取容器的内部区域高度 eleH 2.获取文字的内部区域高度 pEle 3.循环判断 pEle 和 eleH的大小 当 pEle > EleH 的时候，将结尾的文字替换... 代码: 阅读全文
posted @ 2019-07-14 10:51 阳癫疯 阅读(201) 评论(0) 推荐(0)
[jQuery]相对父级元素的fixed定位
摘要：(function($) { var DNG = {}; // / // 相对父级元素fixed // / DNG.parentFixed = function() { // 获得需要fixed定位的元素 var el =$(".parent-fixed"); // 判断是否存在 if( el.le 阅读全文
posted @ 2018-03-17 20:24 阳癫疯 阅读(1044) 评论(1) 推荐(0)
[jQuery]循环遍历改变a标签的href
摘要：把info类下面所有的a标签链接后天加"#article"。 jQuery(document).ready(function($){ $('.info a').each(function(){ let Ahref = $(this).attr("href") + "#article"; $(this 阅读全文
posted @ 2017-07-11 22:08 阳癫疯 阅读(1740) 评论(0) 推荐(0)
[jQuery]我的封装笔记
摘要：jQuery封装插件开发入门教程: http://www.awaimai.com/467.html 一、默认值和选项 jQuery.extend函数解释 extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的d 阅读全文
posted @ 2016-07-24 20:52 阳癫疯 阅读(426) 评论(0) 推荐(0)