苏婳

班级：<input type="text" name="stuClass" id="txt3"/>班级：<input type="text" name="stuClass" id="txt3"/>学号：<input type="text" name="stuNo" id="txt1"/>学号：<input type="text" name="stuNo" id="txt1"/>//获取用户名文本框的数据。所在学校：<input type="text" id="txt3"/><br /><br />

本节内容：$.getScript() $.getJSON() $.ajax()

jQuery对Ajax操作进行了封装，在jQuery中，$.ajax()方法属于最底层的方法，第2层是load()，$.get()和$.post()方法，第3层是$.getScript()和$.getJSON()

Ajax全称Asynchronous Javascript And XML，即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。而传统的网页(不使用 Ajax)如果需要更新内容，必需重载整个网页面。

JSON数据是目前前端比较流行的。在此之前用的是XMLJSON通常用于在客户端和服务器之间传递数据，是一种轻量级的文本数据交换格式，基于Javascript，采用完全独立于语言的文本格式。

中的自定义动画可以加入表达式，请编写示例代码并解释。styles参数以数组形式设置参与动画的元素样式。中用于控制元素显示和隐藏效果的分别是。参数会在所有元素的动画执行完成执行。方法即可停止动画队列中动画的执行。方法语法格式如下，描述错误的是（中停止动画的方法描述错误的是（方法用来控制元素的淡入显示。方法用于控制元素的透明度切换。中常用的实现动画效果的方法。中支持动画效果的自定义动画。参数用于设置动画执行的时长。中的方法，说法错误的是（执行动画的元素直接调用。是动画完成后执行的函数。方法控制元素的向下滑动。

在使用animate()方法的时候，要避免动画积累而导致的动画与用户的行为不一致。解决方法是判断元素是否正处于动画状态，如果元素不处于动画状态，才为元素添加新的动画，否则不添加。另外，在动画方法中，要注意其他非动画方法会插队，例如css()方法，要使非动画方法也按照顺序执行，需要把这些方法写在动画方法的回调函数中。机制，当我们对一个对象添加多次动画效果时，添加的动作就会被放入这个动画队列中，等前面的动画完成后再开始执行。stop(true,true)：立即完成当前动画，清除动画队列的所有动画。

自定义动画：jQuery提供动画方法animate()，方便开发者设置动画效果用途：方便开发者设置动画执行形式语法：$(selector).animate(styles, speed, ,easing,callback);参数说明：styles：必选参数。表示动画执行目标样式属性和值组合成的键值对(以json对象的形式，用一个大括号，里面写属性和属性值。)，styles---通常是设置元素的css样式，如宽高，外边距，大小等等，不能设置元素的颜色。speed：可选参数。

/因为定时器需要用到右边轮播的函数，所以在这里把右边轮播封装成一个函数直接调用。// setInterval(函数，时间参数) 在每隔指定时间执行一次函数。//当鼠标移入到对应的小圈圈时，小圈圈也要改变样式并显示相应的图片。//当点击右边按钮时，展现下一张图片，此时索引值加1。//当点击左边按钮时，展现上一张图片，此时索引值减1。//当鼠标移入到图片时，要停止自动轮播（清除定时器）//下一张图片淡入，当前图片淡出。//上一张图片淡入，当前图片淡出。//自动轮播：每隔1秒钟自动右轮播，需要定时器。

fadeIn / fadeOut、slideDown / slideUp：未传入动画速度参数情况下，也有动画效果。jQuery实现滑入、滑出：slideDown ()、slideUp ()、slideToggle()jQuery实现显示、隐藏：show()、hide()、toggle()方法。jQuery实现淡入、淡出、动画形式改变透明度：fadeIn ()、在fadeIn()和fadeOut()两种效果间的切换。垂直滑动显示匹配元素（向下增大）垂直滑动显示匹配元素（向上向下）

删除

事件类型，如果使用一个事件处理函数来处理多个事件，可以使用此种属性获得事件类型，比如click。阻止默认行为，例如a元素的href链接加载、表单提交以及click引起复选框的状态切换。传递给事件处理程序的额外数据(即事件方法中的data参数)参数就是事件对象，有些属性可能是某些事件特有的。鼠标事件中，鼠标相对于页面原点的水平/垂直坐标。当前调用的jQuery事件处理程序的元素对象。所有的事件都会接收一个event参数。也叫做事件触发者DOM对象，当前触发事件的DOM对象，键盘事件中，键盘按键代码。

事件冒泡就是当元素中嵌套一层或多层元素，一旦最里层元素的事件被触发，那么此事件就会向该元素的父级对象传播，并触发父级对象上定义的。为了保证跨浏览器的兼容性问题，jQuery中不支持事件捕获，而是支持事件冒泡阶段注册事件处理程序。----使用event.stopPropagation()方法阻止事件冒泡（推荐使用）----使用return false语句阻止事件冒泡。事件传播的顺序是最外层元素向触发事件的元素传递。事件传播顺序是从触发事件元素向最外层元素传递。事件捕获和事件冒泡。拥有事件冒泡的特点。

1.8版本后用法：$(selector).toggle(speed,callback,switch)，speed表示速度（时间参数） callback:回调函数，当执行完toggle方法返回的事件处理，switch是布尔值，表示是否显示/隐藏所有元素。jquery1.8版本之后：$(selector).toggle(speed,callback,switch)，参数1表示时间（速度），参数2表示回调函数（当执行完毕返回的操作），参数3是布尔值，规定 toggle 是否隐藏或显示所有被选元素。

在实际网页开发中，有时需要对同一个元素进行多个不同的事件处理，例如鼠标移至某一个元素上时出现一个特效，离开时又显示不同的特效。事件绑定方式，分别是on()、bind()和delegate()方法。用off()、unbind()和undelegate()方法来解除绑定。

​​​​​​常用的鼠标click()单击鼠标左键时触发dblclick()双击鼠标左键时触发键盘keypress()键盘按键(Shift、CapsLock等非字符键除外)被按下时触发keydown()键盘按键被按下时触发焦点keyup()键盘按键被松开时触发focus()获取焦点时触发blur()失去焦点时触发改变change()元素的值发生改变时触发其它submit()当表单提交时触发select()

复制节点是DOM的常见操作，jquery提供了一个clone()方法，专门用于处理DOM节点的复制，复制的内容包括匹配元素、该元素的子元素、文本和属性。closest()：从匹配元素本身开始，在DOM树上逐级向上级元素匹配，并返回最先匹配的祖先元素。prependTo(ele):将匹配元素插入到ele中，该匹配元素作为ele的第一个子元素。方法：用于为匹配元素添加子元素，该子元素用来包裹匹配元素中的所有内容。：将匹配元素插入到ele中，该匹配元素作为ele的最后一个子元素。

html()方法包含标签，即会在浏览器上解析标签 相当于原生态js中的innerHTML()如p,span,div,h1 相当于原生态js中的innerText()前面讲了操作元素样式，操作元素属性，操作元素尺寸，操作元素位置等。如input 相当于原生态js中value()text()不包含标签，常用于。

1、操作元素属性元素属性是指当前元素节点的属性，常用的元素属性有id,value,type，以及用于标识元素状态的checked，disabled等，jquery提供的attr()方法可用于操作元素属性。attr是attribute的缩写$(‘选择器’).attr(‘属性’)设置单个属性$(‘选择器’).attr(‘属性’,’属性值’)设置多个属性$(‘选择器’).attr({‘属性1’:’属性值1’,‘属性2’:’属性值2’,‘属性3’:’属性值3’,})

操作元素样式本节内容要求掌握：操作样式属性和操作元素类。DOM在整个网页开发中都是很关键的，它可用于检索网页内任意元素或内容的索引目录，利用DOM提供的接口可以操作页面中的元素，还可以添加，删除及修改元素的属性，样式，内容等。虽然传统的CSS样式表可以实现对元素的修饰，但如果可以任意操作元素现有的样式，或者为元素添加新的样式，web页面就会变得灵活多变$(‘选择器’).css(‘属性’,‘属性值’);//设置单个样式属性。

(“p #one”) //表示选择p的后代中id名为one的元素。$(“p#one”) //表示选择id名为one的p元素。

按照不同的过滤条件，过滤选择器可以分为基本过滤器，表单元素过滤器，可见性过滤器，内容过滤器，子元素过滤器等。过滤选择器通过特定的过滤规则筛选所需的DOM元素，过滤规则与CSS中的伪类语法相似，都以一个冒号。今天的内容：过滤选择器：基本选择器和表单元素过滤器。开头，冒号前是要进行过滤的元素。

Jquery选择器的分类：基本选择器，层次选择器，属性选择器，过滤选择器。

<head></head><body><p>段落1</p><p>段落2</p><p>段落3</p><p>段落4</p><p>段落5</p></body>

第1节：初始jQueryjQuery由美国人John Resig于2006年创建jQuery是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装它的设计思想是write less,do more（楼梯与电梯）