weixin_63215361的博客

【代码】jQuery——72. 热门职业区块解构和样式。

/鼠标移入#box元素中,停止定时器。//鼠标移出#box元素后,开始定时器。//定时器,每2秒执行一次。

/鼠标移入#box元素中,停止定时器。//鼠标移出#box元素后,开始定时器。//定时器,每2秒执行一次。

/鼠标移入#box元素中,停止定时器。//鼠标移出#box元素后,开始定时器。//最后1个元素高度慢慢变成40px。//把第1个元素追加到父元素中。//定时器,每2秒执行一次。//第1个元素高度变成0。

如果有很多条公告，我们可以让公告动起来，从下往上一条一条走，这种效果就叫纵向滚动的效果</#boxwidth;height;margin;border;position;overflow;position;left;bottom;height;;text-align;</</functionfunctionabc//第1个元素高度变成0varfirstheight0;

【代码】jQuery——67.Ajax实战： 热门推荐区块布局（Ajax异步请求和选项卡的效果一致）

/"id=box"的元素显示出来，id=box的兄弟元素id=zxw元素要隐藏起来。//$("#uname").val()获取的就是字符串，所以不需要引号。//键是HTML中name属性的值：值是value属性的值。//发送到服务器的数据,JSON 数据类型。//在span元素添加内容用了text（）//在span元素添加内容用了text（）//指定从服务器返回 JSON 数据类型。//参数:从服务器返回的数据。//请求成功要执行的代码。//请求失败要执行的代码。//请求的服务器地址。

/发送到服务器的数据,JSON 数据类型。//指定从服务器返回 JSON 数据类型。//$.ajax();//ajax请求使用POST方法。//参数:从服务器返回的数据。//"键1":"值1",//"键2":"值2",//请求成功要执行的代码。//请求失败要执行的代码。//给按钮加单击事件。//请求的服务器地址。

/$.ajax()方法接收的是一个对象{ }，对象是很多属性和方法的集合。//ajax请求使用POST方法或get方法（POST方法最常用）//发送到服务器的数据,JSON 数据类型。//指定：从服务器返回 JSON 数据类型。//参数:从服务器返回的数据。//请求成功要执行的代码。//请求失败要执行的代码。//给按钮加单击事件。//请求的服务器地址。

jQuery ajax 向服务器请求数据，异步加载到页面jQuery ajax 在不重新加载整个页面的情况下,与服务器交换数据并更新网页一部分。同步加载：是一种阻塞的模式，前面的没做好，后面无法继续进行，每次请求，必定重新加载响应回来一整张界面。异步加载：是一种非阻塞的模式，前面的没做好，后面继续进行不影响同步是单线程模式，效率低异步是多线程模式，效率高当我们点击“ Word ”这个链接时，就向服务器发送一个请求（你服务器需要把Word相关的数据和内容显示出来）把数据加载到页面，

/delay()延时执行动画。//延迟了3秒执行开始。

/当动画会在当前位置停下来，如果有等待执行的动画，他们将被马上执行。//2.finish()停止当前正在运行的动画和所有排队的动画也停止。//1.stop()停止当前正在运行的动画,动画会在当前位置停下来。2.finish()停止当前正在运行的动画和所有排队的动画也停止。//所有排队的动画的CSS属性跳转到他们的最终值（在这里是淡出）当动画会在当前位置停下来，如果有等待执行的动画，他们将被马上执行。2.finish()停止当前正在运行的动画和所有排队的动画也停止。如果有等待执行的动画，他们将被马上执行。

小车的速度按着easeInBounce进行速度演示。

/3.动画效果: 默认 变速"swing"，匀速"linear"3.动画效果: 默认 变速"swing"，匀速"linear"//2.速度 (动画完成的时间): 毫秒数。2.速度 (动画完成的时间): 毫秒数。//animate()自定义动画。animate( )自定义动画。//1.一组动画最终样式的属性。//4.动画完成时执行的函数。1.一组动画最终样式的属性。4.动画完成时执行的函数。

字符串值无法创建动画（比如 “background-color:red”）3.动画效果: 默认 变速"swing"，匀速"linear"1.一组动画最终样式的属性，用对象来设置。2.速度 (动画完成的时间): 毫秒数。animate( )自定义动画。4.动画完成时执行的函数。

/3.切换效果:意义不大 默认 摆动"swing"，直线"linear"//2.透明度:(必须有) 0至1之间表示透明度的数字,默认为0,全透明。//1.fadeTo()有四个参数调整到指定不透明度。//1.速度 : 毫秒数 (必须有)//元素在2秒内达到0.5的不透明度。//4.动画完成时执行的函数。

/淡入淡出:通过透明度(opacity)的变化动态地显示或隐藏元素。//3.fadeToggle()淡入淡出自动切换。//2.fadeOut()淡出。

1.速度 : 慢速"slow", 正常"normal", 快速"fast",毫秒数。slideDown( ),让元素滑动显示（ slide滑动down向下 ）2.切换效果:意义不大 默认 摆动"swing"，直线"linear"3.slideToggle( )元素滑动显示隐藏自动切换。//1.slideDown()让元素滑动显示。//3.元素滑动显示隐藏自动切换。//2.slideUp()让元素滑动隐藏。//通过高度变化动态地显示或隐藏元素。//通过高度变化动态地显示或隐藏元素。

/获取display属性值。//1.速度 : 慢速"slow", 正常"normal", 快速"fast",毫秒数。//2.切换效果:意义不大 默认 摆动"swing"，直线"linear"// alert("我隐藏了");//2.hide()让元素隐藏。//3.动画完成时执行的函数。//让元素2秒内渐渐隐藏。"我会自动切换显示隐藏"

/1.速度 : 慢速"slow", 正常"normal", 快速"fast",毫秒数。//2.切换效果:意义不大不用看 默认 摆动"swing"，直线"linear"//图片用2秒从小到大渐渐显示出来。//1.show()让元素显示。//3.动画完成时执行的函数。

/3.把所有匹配的元素用指定的一个，是一个标签包裹 wrapAll()//4.把每一个匹配的元素的子内容用一个标签包裹 wrapInner()4.把每一个匹配的元素的子内容用一个标签包裹 wrapInner()3.把所有匹配的元素用指定的一个标签包裹 wrapAll()//2.取消每一个匹配的元素的标签包裹 unwrap()//1.把每一个匹配的元素用指定的标签包裹 wrap()//所有的span元素外面包裹一个p标签。//所有的span元素外面包裹一个p标签。

我要自学网</span>""<span style='color:red'>我要自学网

/原来的元素会消失。//1.克隆元素并且选中这些克隆的副本 clone()//2.删除元素内部的所有子元素 empty()//3.删除所有指定的元素 remove()//参数可传入筛选表达式。

我要自学网</span>"). insertBefore($("#box span").eq(1));//$("<span style='color:red'>我要自学网</span>"). insertAfter($("#box span").eq(1));//$("#box span").eq(1). before("<span style='color:red'>我要自学网

我要自学网

/左右俩边提示栏显示出来。//滚动条距离顶部的距离。//左右俩边提示栏隐藏。

/获取滚动条到左侧的距离 scrollLeft()//获取滚动条到顶部的距离 scrollTop()//获取滚动条的位置。

/获取鼠标位置的两个属性pageX 和 pageY。//pageX和pageY必须与事件绑定，接收事件对象。//获取鼠标相对于当前整个视口的位置（偏移量）//获取鼠标相对于当前视口的位置。//鼠标相对于当前视口左侧偏移量。//鼠标相对于当前视口上方偏移量。//获取元素相对当前视口的偏移量。//元素相对当前视口左侧偏移量。//元素相对当前视口上方偏移量。//计算鼠标相对元素的偏移量。//鼠标相对元素左侧偏移量。//鼠标相对元素上方偏移量。

/$("title").html(x+"||"+y)//在title标签中添加内容。//获取鼠标位置的两个属性pageX 和 pageY切记这是俩个属性，不是方法。//这俩个属性pageX和pageY必须与事件绑定，并有接收事件对象。获取鼠标位置的两个属性pageX 和 pageY。pageX和pageY必须与事件绑定，接收事件对象。//获取鼠标相对于当前视口的位置 的偏移量。//获取鼠标相对于当前文档的位置 的偏移量。获取鼠标相对于当前视口的位置 的偏移量。获取鼠标相对于当前文档的位置 的偏移量。

/返回包含数值类型top和left属性的对象。//返回包含数值类型top和left属性的对象。//获取元素在当前视口的偏移量。//获取元素在当前视口的偏移量。

/返回包含数值类型top和left属性的对象。//返回包含数值类型top和left属性的对象。//获取元素在当前视口的偏移量。//获取元素在当前视口的偏移量。

/字符串类型，默认为像素。//字符串类型，带单位。//数值类型，默认为像素。//第一个参数是元素在原先集合中的索引位置，第二个参数为原先的宽高度。//索引的用法用于获取的是多个元素是使用。//每点击button一次高度增加一次。//1.获取元素宽高。//2.设置元素宽高。

/获取多个样式不论行内还是行外，用数组,返回一个对象。//1.获取css样式,行内样式和外部样式都能获取。//1.获取css样式,行内样式和外部样式都能获取。//设置多个样式，要用对象。//获取一个外部样式。

/原理:先删除所有的复选框的选中状态,再选择要选中的复选框,添加"checked"属性。//2.设置复选框选中状态，先删除所有的选中状态，然后在选。//filter()方法筛选出与指定表达式匹配的元素集合。2.设置复选框选中状态，先删除所有的选中状态，然后再选。filter()方法筛选出与指定表达式匹配的元素集合。//1.获取复选框的选中状态value值。//创建空数组存放选中的元素value值。//push方法数组末尾添加。

/原理:先选择要选中的单选框,添加"checked"属性,再删除所有的兄弟元素的选中状态。//$("input:radio:checked")选择的是选中checked元素。//1.获取单选框的value值。//2.设置单选框选中状态。

/3.选择已被选中的单选框或复选框元素 "input:radio:checked"选择器和"input:checkbox:checked"选择器。//利用元素属性选择相应的元素。//2.选择复选框元素 "input:checkbox" 选择所有单选框元素。//1.选择单选框元素 "input:radio"选择所有单选框元素。//利用元素属性选择相应的元素。//选择单选框已选中的元素。//选择复选框已选中的元素。

/2.each() 方法规定为每个匹配元素规定运行的函数。就是对元素遍历（做循环）//each()函数可以接收正在遍历元素的索引如遍历一个传一个索引。// $(this).index()获取当前操作元素的索引值。//1.index() 方法返回指定元素的索引位置。//如果未找到元素，index() 将返回 -1。//$(this).text("我要自学网");//each给获取的span元素集合做遍历。//通过遍历给元素添加属性，及属性值。

/1.获取元素value值(value值是默认则获取的就是默认，value值改了，则获取的就是改后的value值)//1.设置元素value值。//单选框和复选框,后面再讲。

/1.切换元素类名,在有类名时删除，无类名时添加。//添加多个类名,多个类名用空格隔开。//切换多个类名,多个类名用空格隔开。//1.添加元素类名。

不传参可以可以删除全部类名。removeAttr( ) 删除属性,必须要传参数,否则无法删除属性。//removeAttr()删除属性,必须要传参数,否则无法删除属性。//删除多个属性,用空格隔开。//删除多个类名,用空格隔开。删除多个属性,用空格隔开。删除多个类名,用空格隔开。//1.删除元素属性。//2.删除元素类名。