JQuery教学课件 高级吧.pptVIP

jQuery是一套Javascript脚本库.使用jQuery将极大的提高编写javascript代码的效率, 让写出来的代码更加优雅, 更加健壮. 同类JS库：Dojo Extjs ;提供了强大的功能函数 解决浏览器兼容问题 实现丰富的UI 丰富的插件 VS中智能感知;JQuery简介;JQuery简介;传统的javascript ;JQuery概念 jQuery包装集可以说是Dom对象的扩充. 所有的对象, 无论是一个还是一组, 都封装成一个jQuery包装集 ，并且具有丰富的属性和方法 ;Dom转Jquery包装集 1.使用选择器直接构建jquery包装集;Jquery包装集转DOM对象 jQuery对象是一个数组对象，可以通过[index]的方法，来得到相应的DOM对象 2. jQuery本身提供，通过.get(index)方法，得到相应的DOM对象;类似于CSS中的选择器，但比CSS选择器提供了更灵活的选择方式,但JQuery选择返回的结果为包装集 选择器分类 选择 从整个页面中选择 过滤 从前面匹配的内容中筛选，也可以单独使用，格式为 “ *：条件 ”;JQuery选择器;JQuery选择器;JQuery选择器;JQuery选择器;JQuery选择器;JQuery选择器;JQuery选择器;JQuery选择器;JQuery选择器;JQuery选择器;JQuery选择器;JQuery选择器;总结;$(html) @return jQuery包装集 动态创建有jQuery对象包装的元素、想当于DOM里的createElement(“div”)、用法是$(“div/”)或者$(“div/div”)、但不推荐$(“div”) $(elements) @return jQuery包装集 将一个或多个DOM元素转化为jQuery对象、例如：var div = document.getElementById(“div2”); var jqueryDiv = $(div); $(expression) @return jQuery包装集 这个函数接受一个选择器的字符串，得到jQuery包装集 $(fn) 参数是一个函数，如： $(function(){ alert(‘欢迎使用JQuery’);}); ;html() 取得第一个匹配元素的html内容 html(val) 设置每一个匹配元素的html内容 ;Text;Val;属性 attr(name) 取得第一个匹配元素的属性值 attr(properties) 将一个“名/值”形式的对象设置为所有匹配元素的属性 attr(key,value) 为所有匹配的元素设置一个属性值;CSS css(properties) 把一个“名/值对”对象设置为所有匹配元素的样式属性 属性名包含 -的话，必须使用引号 css(name,value) 在所有匹配的元素中，设置一个样式属性的值 css(name) 访问第一个匹配元素的样式属性 ;addClass(class) 为每个匹配的元素添加指定的类名 removeClass(class) 从所有匹配的元素中删除全部或者指定的类 toggleClass(class) 如果存在（不存在）就删除（添加）一个类 toggleClass(class,switch) 如果开关switch参数为true则加上对应的class，否则就删除;内部插入append(content), appendTo(content), prepend(content), prependTo(content) 外部插入after(content), before(content), insertAfter(content), insertBefore(content);文档处理;位置 Offset()、offset(coordinates)、position()、scrollTop()、scrollTop(val)、scrollLeft()、scrollLeft(val) 尺寸 Height()、height(val) 、width() 、width(val) 、innerHeight() 、innerWidth() 、outerHeight(options) 、outerWidth(options) ;文档处理;形式一： 形式二： ;bind ;Bind的优势;Val;Bind的优势;事件 ;One 用法和bind相同，只是该事件只执行一次，执行完之后处理程序就会自动删除 ;trigger和triggerHandler 用来触发一个事件，不同