qq_45679015的博客

（一）.动画效果 在一定时间内，不断改变元素的样式 滑动动画:不断改变元素的高度实现(展开/收缩) slideDown() / slideUp() / slideToggle() 淡入淡出: 不断改变元素的透明度来实现的(显示/隐藏) fadeOut() / fadeIn() / fadeToggle() 显示隐藏 show() / hide() / toggle() animate({结束时的样式}，time,function(){}) 结束动画 stop(); (二).插件机制

先举个栗子====== HTML只放一个图片，id为logo R1: 直接打印img的宽度，观察其值 console.log("直接打印",$('#logo').width()); R2: 在 $(function(){}) 中 打印 img 的宽度 $(function(){ console.log("$(function(){})中打印",$('#logo').width()); }) R3: 在 window.onload 中打印宽度 window.onload = functio

(三).文档处理模块（CUR） 增加 append / appendTo(): 插入后部 prepend / prependTo(): 插入前部 before() : 插到前面 after() :插到后面 删除 remove() :将自己及内部的孩子都删除 empty():掏空（孩子还在） 修改/更新 replaceWith() (四).事件模块 绑定事件 eventName(function(){}) on(‘eventName’,function(){}) 常用：click,mous

(一).CSS模块 style样式 CSS(styleName):根据样式名得到对应的值 CSS(styleName,value):设置一个样式 CSS({多个样式对})：设置多个样式 位置坐标 offset():读/写当前元素坐标（原点是页面左上角） position():读当前元素坐标（原点是父元素左上角） scrollTop():读/写元素/页面的滚动条坐标 尺寸 width()/height():width/height innerWidth()/innerHeight() : widt

一.为什么需要事件委托？ 举个栗子=== <ul> <li>11111</li> <li>1111111</li> <li>111111111</li> <li>11111111111</li> </ul> <li>22222</li> <br> <button id="btn">添加新的li</button>

<table id="employeeTable"> <tr> <th>Name</th> <th>Email</th> <th>Salary</th> <th>&nbsp;</th> </tr> <tr> <td>Tom</td> <td>tom@tom.com</td> <td>.

<form method="post" action=""> 你爱好的运动是？<input type="checkbox" id="checkedAllBox" /> 全选/全不选 <br /> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="篮球" />篮球 <input type="c.

jQuery–制作回到顶部的效果 瞬间滚动到顶点 $('#to-top').click(function(){ //瞬间滚动到顶点 $('html,body').scrollTop(0); } show–before show–after = =========== ================= 间隔滚动到顶点 总距离 var distance = $ (‘html’).scrollTop()+$(‘body’).scrollTop(); 总时间 var tim

（一）选择器 –是什么？ 有特定语法规则（css选择器）的字符串 用来查找某个/些DOM元素：$(selector) –有哪些？ 基本 – #id – tagName/* – .class – selector1,selector2,seletor3 并集 – selector1selector2selector3 交集 层次 – 找子孙后代，兄弟元素 – selector1>selector2 子元素 – selector1 selector2 后代元素 过滤 – 在原有匹配元

(一)了解jQuery –是什么？ 一个JS函数库：write less，do more 封装简化DOM操作（CRUD）/Ajax –为什么要用它？ 强大选择器：方便快速查找DOM元素 隐式遍历（迭代）：一次操作多个元素 读写合一：读数据/写数据用的是一个函数 事件处理 链式调用 DOM操作(CUD) 样式操作.css –如何使用它？ 引入jQuery库 本地引入与CDN远程引入 测试版与生产版（压缩版） 使用jQuery 使用jQuery函数：$ /jQuery 使用jQuery对象：$ xxx

jQuery函数使用—作为对象调用 作为对象使用：$ .xxx() 1).$ .each():隐式遍历数组 2).$.trim():去除两端的空格 ============ 举个栗子哈================ Request 1 : 遍历输出数组中所有的元素值 var arr = [2,4,7]; //1).$.each():隐式遍历数组 $.each(arr, function(index,num){ console.log(

jQuery函数使用- - -作为一般函数调用 作为一般函数调用：$(param) 1).参数为函数：当DOM加载完成后，执行此回调函数 2).参数为选择器字符串：查找所有匹配的标签，并将它们封装为jQuery对象 3).参数为DOM对象：将DOM对象封装成jQuery对象 4).参数为html标签字符串：创建标签对象并封装成jQuery对象 ================== 举个栗子哈 ================= Request 1 ： 点击按钮：显示按钮的文本，显示一个新的输入框 // 1