黑马程序员php培训：javascript+jquery九天课程第九天.docx

黑马程序员php培训：javascript+jquery九天课程第九天

第一篇：黑马程序员php培训：javascript+jquery九天课程第九天对象访问：Length:个数Size()：个数Each:遍历Each：每个元素用法：元素.each(function(index,element){})Index：索引下标：从0开始Element：元素DOM：文档处理内部插入：父子级关系$(a).Append（$(b)）把b插入到a中【a里面的后面】$(b).appendTo($(a))把b插入到a中【a里面的后面】$(a).prepend($(b));把b插入到a中【a里面的前面】$(b).prependTo($(a));把b插入到a中【a里面的前面】这种方式插入之后一定是父子级的关系外部插入：兄弟级关系$(a).after($(b))；把b插入到a的后面$(b).insertAfter($(a));把b插入到a的后面$(a).before($b);吧b插入到a的前面$(b).insertBefore($(a))把b插入到a的前面包裹：Wrap：包裹$(a).wrap($(b))把a用b包裹起来【每个元素都会包裹】Unwrap：取消包裹wraoAll:把所有的都包裹起来【所有元素都会被一个包裹】wrapInner:内部包裹替换：$(a).ReplaceWith($(b)):把a用b替换$(b).replaceAll($(a));用b替换a删除：Empty：删除:删除的是内容Remove：删除:删除的是整个标签复制：Clone：复制出一个一模一样的元素第二篇：黑马程序员php培训：javascript+jquery九天课程第九天Jquery:一个JavaScript库目前：jquery是用的最火的一个javascript框架Prototype：最早一个成熟的JS框架Jquery,YUI(雅虎),tangram(百度),JX腾讯,kissy阿里Jqurty:用户多，速度快，文件小，比较复杂的DOM封装Javascript和jquery：Js：ECMAscript，BOM，DOMJq：把BOM和DOM的部分给封装JQ特点：资源多,DOM封装，浏览器的兼容理念：writeless，domore部署：注意：不管任何时候要写JQ就必须引入,必须最先引入下载:Compressed:压缩版本，生产环境Uncompressed：未压缩版本,开发环境Jquery-XXXXXX.js：有注释，容易查看代码Jquery-XXXXXX.min.js；没有注释开发中：1.x和2.x版本的区别1.9以下的版本，1.9以上的都不值IE8例子：Jquery:核心，内容语法：$(select).action();Console.log：控制台日志选择器，事件，DOM，动画，基本操作，插件，ajax选择器：选择器：选择页面元素的工具最早的时候选择器出名基本选择器:重点#id：id选择器Element：元素选择器Class：类选择器层级选择器：重点ancestordescendant：表示选取ancestor里面所有的descendant元素parent>child:选择parent元素的子元素selecter+：获取后面的兄弟元素，下一个selecter~：后去后面的兄弟元素，下所有个内容选择器：:Contains(“text”)：匹配含有text内容的元素:empty：匹配内容为空的元素：has(selecter)：选择包含有selecter的选择器:parent:选择作为父元素的元素注册验证：1，鼠标放到email框会提示信息2，鼠标离开就会检测用户所填写的信息3，提示信息是灰色字体，检测之后（错误）的字体红色4，当填写信息正确的时候会出现一个对号(图片)5，提交的时候也会做检测6，检测全部正确的话就让提交7，8，对象.HTML属性对象.CSS属性9，Class和floata)Class：classNameb)Float：cssFloat第三篇：黑马程序员php培训：javascript+jquery九天课程第九天(8)动画：基本：Show(shijian，fn)（显示）【在效果完成之后，会执行fn】Hide(shijian，fn)（隐藏）【在效果完成之后，会执行fn】Toggle()：切换【show和hide之间】滑动：slideDown:下滑,显示slideUp:收起，隐藏slideToggle：切换效果淡入淡出：FadeIn：淡入fadeOut：淡出fadeToggle：切换效果fadeTo(3000,(0-1),fn)动画案例：点击收藏夹，这台电脑【后面的内容去隐藏或者显示】插件：成品插件第四篇：黑马程序员php培训：javascript+jquer