fn

动画 滑动系列 slideDown 向下划入 slideUp 向上划出 slideToggle 切换 slideDown（毫秒数，回调函数） 显示系列 show hide toggle 渐入渐出 fadeIn 渐入 fadeOut 渐出 fadeToggle 切换 stop() 停止之前的动画 事件 绑定事件 // bind $('button').bind('click',{'a':'bb'},fn); // 事件类型 参数 函数 function fn(e) { // e 事件的对象 console.log(e); console.log(e.data); // 传的参数 // alert(123) } $('button').bind('click',fn); function fn(e) { console.log(e); } // 事件 $('button').click({'a': 'b'}, fn) // 参数 函数 function fn(e) { console.log(e.data); } $('button').click( fn) function fn(e) { console.log(e.data); } 解除事件 $('button').unbind('click') 常用的事件 click(function(){...}) // 点击事件 focus

原文链接： http://caibaojian.com/jquery-extend-and-jquery-fn-extend.html jQuery 为开发插件提拱了两个方法，分别是： · jQuery .fn.extend(); jQuery .extend(); jQuery.fn jQuery.fn = jQuery.prototype = { 　　　init: function( selector, context ) {//…. //…… }; 原文链接： http://caibaojian.com/jquery-extend-and-jquery-fn-extend.html 原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦。 · 虽然 javascript　没有明确的类的概念，但是用类来理解它，会更方便。 jQuery便是一个封装得非常好的类，比如我们用 语句　$(“#btn1″) 会生成一个 jQuery类的实例。 jQuery.extend(object) 为jQuery类添加类方法，可以理解为添加静态方法。如： jQuery.extend({ min: function(a, b) { return a < b ? a : b; }, max: function(a, b) { return a > b ? a

目录 前端之Jquery jQuery jQuery介绍 jQuery的优势 JQuery对象 jQuery基础语法 查找标签 筛选器方法 操作标签 事件 动画效果 前端之Jquery jQuery jQuery介绍 JQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jquery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化javascript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发

目录 1. 查找标签 1.1 基本选择器 1.2 层级选择器 1.3 基本筛选器 1.4 属性选择器 1.5 表单筛选器 2. 筛选器方法 3. 操作标签 3.1 样式操作 3.2 位置操作 3.3 尺寸 3.4 文本操作 3.5 属性操作 3.6 文档处理 4. 事件 4.1 常用事件 4.2 事件绑定 4.3 移除事件 4.4 阻止后续事件执行 4.5 阻止事件冒泡 4.6 页面载入 4.7 事件委托 5. 动画效果 1. 查找标签 1.1 基本选择器 // id选择器 var aEle = document.getElementById('a') // js获取标签 aEle // <div class=​"div" id=​"a">​…​</div>​ var $aEle=jQuery('#a'); // jq获取标签 // 等同于 var $aEle=$('#a'); $aEle // k.fn.init [div#a.div] var aELe = $aEle[0]; // jq对象变js对象 aELe // <div class=​"div" id=​"a">​…​</div>​ var $a1Ele = $(aEle) // js对象变jq对象 $a1Ele // k.fn.init [div#a.div] // 标签选择器 $('div'); // k.fn

目录 jQuery jQuery对象 jQuery基础语法 查找标签 基本选择器 层级选择器 基本筛选器 属性选择器 表单筛选器 筛选器方法 操作标签 样式操作 位置操作 文本操作 事件 常用事件 事件绑定 移除事件 阻止后续事件执行 阻止事件冒泡 事件委托 实时监听input输入值变化示例： 动画效果 jQuery jQuery对象 jQuery对象 就是通过jQuery包装DOM对象后产生的对象。 jQuery对象 是jQuery独有的。如果一个对象是 jQuery对象 ，那么它就可以使用 jQuery 里的方法：例如$(“#i1”).html()。 $("#i1").html() 的意思是：获取id值为 i1 的元素的html代码。其中是jQuery里的方法。 html() 相当于： document.getElementById("i1").innerHTML; 一个约定，我们在声明一个jQuery对象变量的时候在变量名前面加上$： var $variable = jQuery对像 var variable = DOM对象 $variable[0] // jQuery对象转成DOM对象 拿上面那个例子举例，jQuery对象和DOM对象的使用： $("#i1").html(); // jQuery对象可以使用jQuery的方法 $("#i1")[0].innerHTML; /

目录 前端之jQuery 一、jQuery介绍 二、jQuery对象 三、jQuery基础语法 3.1 查找标签 基本选择器 层级选择器： 基本筛选器 属性选择器： 筛选器方法 3.2 操作标签 样式操作 位置操作 盒子模型尺寸 文本操作 属性操作 文档处理 3.3 事件 常用事件 事件绑定 移除事件 阻止后续事件执行 阻止事件冒泡 页面载入与window.onload的区别 事件委托 动画效果 补充 each data存储数据 前端之jQuery 一、jQuery介绍 Query是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 二、jQuery对象 jQuery对象 就是通过jQuery包装DOM对象后产生的对象。 jQuery对象 是 jQuery独有的。如果一个对象是 jQuery对象 ，那么它就可以使用 jQuery 里的方法：例如$(“#i1”).html()。 $("#i1").html() 的意思是：获取id值为 i1 的元素的html代码。其中 html() 是jQuery里的方法。 相当于： document.getElementById("i1"

html文件 <meta charset="UTF-8"> <style> div { width: 800px; height: 40px; border: solid 1px #000; margin: 30px auto; } </style> <table border="1" cellspacing="0"> <script> // 用来准备数据 </script> <div id="box1"> </div> <div id="box2"> </div> <thead> <tr> <th>序号</th> <th>学生ID</th> <th>学生姓名</th> <th>学生年龄</th> <th>学生性别</th> <th>学生班级</th> <th>学生成绩</th> </tr> </thead> <tbody></tbody> </table> <script src="js.js"></script> <script> const firstName = '赵钱孙李周吴郑王冯陈楚魏将沈韩杨朱琴尤许何吕施章' const laseName = '氢氦锂铍硼碳氮氧氟氖钠镁铝硅磷硫氯氩钾钙' const thirdName = '一二三四五六七八九十' const gender = '男女' const fn = (a, b) => Math.floor(Math

jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

call var a={ name:'xuux', fn:function(a,b){ console.log(a+b);//3 console.log(this);//{name: "xuux", fn: ƒ} } } var b=a.fn; b.call(a,1,2);//传入的参数要分别放入 console.log(b);//ƒ (a,b){console.log(a+b); console.log(this);} apply var a={ name:'xuux', fn:function(a,b){ console.log(a+b);//3 console.log(this);//{name: "xuux", fn: ƒ} } } var b=a.fn; b.apply(a,[1,2]);//传入的参数用数组存放 console.log(b);//ƒ (a,b){console.log(a+b); console.log(this);} bind 返回的是一个修改后的函数。需要另外调用。 var a={ name:'xuux', fn:function(a,b){ console.log(a+b);//3 console.log(this);//{name: "xuux", fn: ƒ} } } var b=a.fn; var c=b.bind(a,1);/

如果说前面的坑我们一直在用小铲子挖的话，那么今天的坑就是用挖掘机挖的。 今天要介绍的是Rust的一个核心概念：Ownership。全文将分为什么是Ownership以及Ownership的传递类型两部分。 什么是Ownership 每种编程语言都有自己的一套内存管理的方法。有些需要显式的分配和回收内存（如C），有些语言则依赖于垃圾回收器来回收不使用的内存（如Java）。而Rust不属于以上任何一种，它有一套自己的内存管理规则，叫做Ownership。 在具体介绍Ownership之前，我想要先声明一点。 Rust入坑指南：常规套路 一文中介绍的数据类型，其数据都是存储在栈中。而像String或一些自定义的复杂数据结构（我们以后会对它们进行详细介绍），其数据则存储在堆内存中。明确了这一点后，我们来看下Ownership的规则有哪些。 Ownership的规则 在Rust中，每一个值都有对应的变量，这个变量称为值的owner 一个值在某一时刻只能有一个owner 当owner超出作用域后，值会被销毁 这三条规则非常重要，记住他们会帮助你更好的理解本文。 变量作用域 Ownership的规则中，有一条是owner超过范围后，值会被销毁。那么owner的范围又是如何定义的呢？在Rust中，花括号通常是变量范围作用域的标志。最常见的在一个函数中，变量s的范围从定义开始生效，直到函数结束