黑马程序员php培训:javascript+jquery九天课程第九天由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“黑马程序员php笔记”。
Jquery:一个JavaScript库
目前:jquery是用的最火的一个javascript框架 Prototype:最早一个成熟的JS框架
Jquery,YUI(雅虎),tangram(百度),JX腾讯,kiy阿里 Jqurty:用户多,速度快,文件小,比较复杂的DOM封装
Javascript和jquery:
Js:ECMAscript,BOM,DOM Jq:把BOM和DOM的部分给封装 JQ特点:
资源多,DOM封装,浏览器的兼容
理念:write le,do more 部署: 注意:不管任何时候要写JQ就必须引入,必须最先引入 下载:www.daodoc.com
Compreed:压缩版本,生产环境
Uncompreed:未压缩版本,开发环境
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:元素选择器 Cla:类选择器
层级选择器:重点
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,Cla和float a)Cla:claName b)Float:cFloat