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

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

第一篇：黑马程序员php培训：javascript+jquery九天课程第八天练习：查看用户所用的浏览器是上面代码：效果：DOM：描述网页各个组成部分之间的关系Varobj=document.getElementById(“id名”);火狐浏览器中空白处也算一个节点ParentNode：父节点childeNodes：子节点firstChild：第一个子节点lastChild：最后一个子节点nextSibling：下一个姐妹或（兄弟）节点【注意，必须是同父级关系】previousSibling：前一个兄弟节点【注意；必须是同父级关系】案例：星星案例：网页打开之后随即大小，随即位置出现星星点击星星让星星消失绑定一个onclick事件：对象.事件=事件处理函数;注意：要想删除某个节点，必须找到它的父节点注意：在绑定事件中this可以直接使用removeChild(obj)：删除obj游戏功能添加游戏进度条第二篇：黑马程序员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九天课程第二天循环案例：循环输出1到100之间所有的数字循环输出1到100之间所有的偶数求1到100之间所有数字的和（求和思想）求和思想：1，找一个变量用来记录总和2，把前一次的和加上新的值再赋值给变量求1到100之间偶数的个数（计数思想）dowhile循环语法：Vari=1;do{//循环体循环变量的改变i++;}while(i注意：必定会执行for循环语法：for(【循环变量的初始化】；【循环条件的判断】；【循环变量的改变】){【循环体】}执行：【循环变量的初始化】=》【循环条件的判断】（true）=》【循环体】=》【循环变量的改变】=》循环条件的判断】（true）=》【循环体】=》【循环变量的改变】=》【循环条件的判断】（tfalse）=》=》跳出循环for循环的案例：For循环的扩展For循环的嵌套For（）{For（）{}}案例：九九乘法表代码：效果：星星金字塔第四篇：黑马程序员php培训：javascript+jquery九天课程第六天对象：一类中的具体的实力案例：点出满天小星星Document.createElement(“标签名”)Document.body.appendChild(对象);Document.body:是body标签对象Document.documentElementhtml：标签对象注意：margin不会触发事件1，让页面点出星星2，让星星随机大小并且随机位置显示this：代表的是当前对象实际参数传递到函数中ECMAscript，BOM，DOM发现：1，window对象最高级2，BOM：浏览器对象：browerobjecjModel3，DOM：文档对象模型：documentobjectmodel4，BOM网页一打开就会存在5，DOM去操作的代码6，Document是链接DOM和BOMDocument有下级：其他都没有下级【多窗口】Window：window的方法Window的三个弹出框：1，alert();弹出一个窗口；2，prompt()；弹出一个可以让用户输入的窗口，加入提示性语句，也