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

时间:2019-05-12 18:45:41下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《黑马程序员php培训:javascript+jquery九天课程第八天》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《黑马程序员php培训:javascript+jquery九天课程第八天》。

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

练习:

查看用户所用的浏览器是上面 代码:

效果:

DOM:描述网页各个组成部分之间的关系

Var obj = 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循环

语法:

Var i=1;do{

//循环体

循环变量的改变

i++;}while(i<=100)执行:循环变量的初始化=》立刻执行一次循环体=》循环变量的改变=》循环条件的判断(true)=》循环体=》循环变量的改变=-》循环条件判断(false)=》跳出循环

注意:必定会执行

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:浏览器对象:brower objecj Model 3,DOM:文档对象模型:document object model 4,BOM网页一打开就会存在 5,DOM去操作的代码

6,Document是链接DOM和BOM Document有下级:其他都没有下级【多窗口】

Window:window的方法

Window的三个弹出框:

1,alert();弹出一个窗口;

2,prompt();弹出一个可以让用户输入的窗口,加入提示性语句,也可以加入默认值,如果用户不填写信息点击确认得到的是空字符串,如果用户点击取消得到的是null 3,confirm();弹出一个可以让用户选择的窗口,如果点击确认得到的true,如果点击取消得到的是false 练习:

Window.open:打开一个新窗口

Window.open(“链接”,”name”,“设置”);1,width:设置窗口宽度 2,height:设置窗口的高度 3,left:新窗口到左端距离 4,top:新窗口到顶部的距离

5,scrollbars:滚动条【yes,no,1,0】 6,toolbar:工具栏【yes,no,1,0】 7,location:地址栏 window.close:关闭窗口

window.close();

定时器: 创建定时器:

一次性定时器:var abcd = window.setTimeout(“js代码”,时间t)

执行:是在时间t之后执行js代码【只会执行一次】

时间:以毫秒为单位

反复性定时器:var dsq = window.setInterval(“js代码”,时间t)

执行:是没过时间t就会执行一次js代码【n次】

时间:是以毫秒为单位 清除定时器: 清除一次性定时器:Window.clearTimeout(abcd);清除反复性定时器:window.clearInterval(dsq);注意:要想清除定时器,必须给定时器名字,匿名定时器无法清除

练习:

网页版时钟

第五篇:黑马程序员php培训:javascript+jquery九天课程第九天

Jquery:一个JavaScript库

目前:jquery是用的最火的一个javascript框架 Prototype:最早一个成熟的JS框架

Jquery,YUI(雅虎),tangram(百度),JX腾讯,kissy阿里 Jqurty:用户多,速度快,文件小,比较复杂的DOM封装

Javascript和jquery:

Js:ECMAscript,BOM,DOM Jq:把BOM和DOM的部分给封装 JQ特点:

资源多,DOM封装,浏览器的兼容

理念:write less,do more 部署: 注意:不管任何时候要写JQ就必须引入,必须最先引入 下载:www.xiexiebang.com

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:类选择器

层级选择器:重点

ancestor descendant:表示选取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和float a)Class:className b)Float:cssFloat

下载黑马程序员php培训:javascript+jquery九天课程第八天word格式文档
下载黑马程序员php培训:javascript+jquery九天课程第八天.doc
将本文档下载到自己电脑,方便修改和收藏,请勿使用迅雷等下载。
点此处下载文档

文档为doc格式


声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。

相关范文推荐