JQuery
youyouwuxin1234
博主:忧忧吾心
学历:2017.09-2019.07 硕士 - 武汉大学 软件工程
2013.08-2017.06 本科 - 郑州大学 计算机科学与技术
工作:2019.07.02-2021.11.16,在美的集团IT部门国际事业部,任职软件开发工程师
2021.11.22-2021.12.31,在新华三大数据有限公司从事软件研发
2022.01.01-至今,在紫光集团旗下紫光云技术有限公司从事中间件软件研发工作
其他:代表公司参加过2019年杭州阿里巴巴云栖大会
兴趣:爱生活、爱学习、爱运动、爱旅行、爱美食。
展开
-
136.Python修炼之路【141-前端-JQuery-本地存储】2018.08.04
本地存储本地存储分为cookie,以及新增的localStorage和sessionStorage1、cookie 存储在本地,容量最大4k,在同源的http请求时携带传递,损耗带宽,可设置访问路径,只有此路径及此路径的子路径才能访问此cookie,在设置的过期时间之前有效(日期限制)。jquery 设置cookie$.cookie('mycookie','123',{expire...原创 2018-08-04 17:07:23 · 153 阅读 · 0 评论 -
125.Python修炼之路【130-前端-JQuery实例1】2018.08.02
实例11、层级菜单 2、选项卡 3、置顶菜单-滚动到顶部 4、整屏滚动 5、无缝滚动 6、手风琴效果 01、层级菜单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2018-08-02 12:33:49 · 133 阅读 · 0 评论 -
126.Python修炼之路【131-前端-JQuery事件】2018.08.02
jquery事件事件函数列表:blur() 元素失去焦点focus() 元素获得焦点change() 表单元素的值发生变化click() 鼠标单击dblclick() 鼠标双击mouseover() 鼠标进入(进入子元素也触发)mouseout() 鼠标离开(离开子元素也触发)mouseenter() 鼠标进入(进入子元素不触发)mouseleave() 鼠标离开(离开子...原创 2018-08-02 12:35:56 · 157 阅读 · 0 评论 -
127.Python修炼之路【132-前端-JQuery主动触发与自定义事件】2018.08.02
主动触发与自定义事件主动触发 可使用jquery对象上的trigger方法来触发对象上绑定的事件。自定义事件 除了系统事件外,可以通过bind方法自定义事件,然后用tiggle方法触发这些事件。//给element绑定hello事件element.bind("hello",function(){ alert("hello world!");});//触发hello...原创 2018-08-02 12:37:51 · 166 阅读 · 0 评论 -
128.Python修炼之路【133-前端-JQuery事件冒泡】2018.08.02
事件冒泡什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。事件冒泡的作用 ...原创 2018-08-02 12:39:18 · 79 阅读 · 0 评论 -
129.Python修炼之路【134-前端-JQuery事件委托】2018.08.02
事件委托事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。一般绑定事件的写法$(function(){ $ali = $('#list li'); $ali.click(function(event) { $(this).c...原创 2018-08-02 12:40:16 · 175 阅读 · 0 评论 -
130.Python修炼之路【135-前端-JQuery元素节点操作】2018.08.02
jquery元素节点操作创建节点var $div = $('<div>');var $div2 = $('<div>这是一个div元素</div>');插入节点 1、append()和appendTo():在现存元素的内部,从后面插入元素var $span = $('<span>这是一个span元素</span>...原创 2018-08-02 12:41:38 · 133 阅读 · 0 评论 -
131.Python修炼之路【136-前端-JQuery滚轮事件与函数节流】2018.08.02
滚轮事件与函数节流jquery.mousewheel插件使用 jquery中没有鼠标滚轮事件,原生js中的鼠标滚轮事件不兼容,可以使用jquery的滚轮事件插件jquery.mousewheel.js。函数节流 javascript中有些事件的触发频率非常高,比如onresize事件(jq中是resize),onmousemove事件(jq中是mousemove)以及上面说的鼠标滚轮事...原创 2018-08-02 12:42:27 · 186 阅读 · 0 评论 -
132.Python修炼之路【137-前端-JQuery实例2】2018.08.02
实例21、弹框-阻止冒泡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"&原创 2018-08-02 12:43:59 · 158 阅读 · 0 评论 -
133.Python修炼之路【138-前端-JQuery-Json】2018.08.02
jsonjson是 JavaScript Object Notation 的首字母缩写,单词的意思是javascript对象表示法,这里说的json指的是类似于javascript对象的一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。javascript对象字面量:var tom = { name:'tom', age:18}json...原创 2018-08-02 12:45:15 · 708 阅读 · 0 评论 -
124.Python修炼之路【129-前端-JQuery尺寸相关、滚动事件】2018.08.01
尺寸相关、滚动事件1、获取和设置元素的尺寸width()、height() 获取元素width和height innerWidth()、innerHeight() 包括padding的width和height outerWidth()、outerHeight() 包括padding和border的width和height outerWidth(true)、outer...原创 2018-08-01 15:45:58 · 112 阅读 · 0 评论 -
123.Python修炼之路【128-前端-JQuery动画】2018.08.01
jquery动画通过animate方法可以设置元素某属性值上的动画,可以设置一个或多个属性值,动画执行完成后会执行一个函数。$('#div1').animate({ width:300, height:300},1000,swing,function(){ alert('done!');});参数可以写成数字表达式:$('#div1').anima...原创 2018-08-01 15:45:10 · 111 阅读 · 0 评论 -
122.Python修炼之路【127-前端-JQuery链式调用】2018.08.01
jquery链式调用jquery对象的方法会在执行完后返回这个jquery对象,所有jquery对象的方法可以连起来写:$('#div1') // id为div1的元素.children('ul') //该元素下面的ul子元素.slideDown('fast') //高度从零变到实际高度来显示ul元素.parent() //跳到ul的父元素,也就是id为div1的元素.sibl...原创 2018-08-01 15:44:30 · 175 阅读 · 0 评论 -
137.Python修炼之路【142-前端-JQuery-jqueryUI】2018.08.04
jqueryUIjQuery UI是以 jQuery 为基础的代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。jqueryUI 网址 http://jqueryui.com/常用jqueryUI插件:Draggable 1、设置数值的滑动条2、自定义滚动条...原创 2018-08-04 17:09:14 · 166 阅读 · 0 评论 -
138.Python修炼之路【143-前端-JQuery-实例3】2018.08.04
实例31、ajax数据加载2、表单验证3、滑动条4、自定义滚动条原创 2018-08-04 17:10:49 · 163 阅读 · 0 评论 -
115.Python修炼之路【120-前端-JQuery介绍】2018.08.01
jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。jQuery的版本分为1.x系列和2.x、3.x系列,1.x系列兼容低版本的浏览器,2.x、3.x系列放弃支持低版本浏览器,目前使用最多的是1.x系列的。jquery是一个函数库,一个js文...原创 2018-08-01 14:26:20 · 91 阅读 · 0 评论 -
116.Python修炼之路【121-前端-JQuery加载】2018.08.01
jquery加载将获取元素的语句写到页面头部,会因为元素还没有加载而出错,jquery提供了ready方法解决这个问题,它的速度比原生的 window.onload 更快。<script type="text/javascript">$(document).ready(function(){ ......});</script>可以简...原创 2018-08-01 14:42:01 · 117 阅读 · 0 评论 -
117.Python修炼之路【122-前端-JQuery选择器】2018.08.01
jquery选择器jquery用法思想一 选择某个网页元素,然后对它进行某种操作jquery选择器 jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。$(document) //选择整个文档对象$('li') //选择所有的li元素$('#myId') //选择id为myId的网页元素$('.myClass') // 选择...原创 2018-08-01 14:43:20 · 143 阅读 · 0 评论 -
118.Python修炼之路【123-前端-JQuery样式操作】2018.08.01
jquery样式操作jquery用法思想二 同一个函数完成取值和赋值操作行间样式// 获取div的样式$("div").css("width");$("div").css("color");//设置div的样式$("div").css("width","30px");$("div").css("height&q原创 2018-08-01 15:35:49 · 199 阅读 · 0 评论 -
119.Python修炼之路【124-前端-JQuery属性操作】2018.08.01
jquery属性操作1、html() 取出或设置html内容// 取出html内容var $htm = $('#div1').html();// 设置html内容$('#div1').html('<span>添加文字</span>');2、text() 取出或设置text内容// 取出文本内容var $htm = $('#div1')....原创 2018-08-01 15:37:00 · 105 阅读 · 0 评论 -
120.Python修炼之路【125-前端-JQuery绑定click事件】2018.08.01
绑定click事件给元素绑定click事件,可以用如下方法:$('#btn1').click(function(){ // 内部的this指的是原生对象 // 使用jquery对象用 $(this)})原创 2018-08-01 15:38:39 · 116 阅读 · 0 评论 -
121.Python修炼之路【126-前端-JQuery特殊效果】2018.08.01
jquery特殊效果fadeIn() 淡入 $btn.click(function(){ $('#div1').fadeIn(1000,'swing',function(){ alert('done!'); }); });fadeOut() 淡出fadeToggle() 切换淡入淡出hide() 隐藏元素...原创 2018-08-01 15:43:26 · 225 阅读 · 0 评论 -
203.(function ($){}())、(function($){})()、$(function(){})三者的区别 2019.09.03
0、目录1、(function ($){})2、(function(){})()3、$(function(){})1、(function ($){})2、(function(){})()3、$(function(){})原创 2019-09-03 12:04:40 · 219 阅读 · 0 评论