HTML,CSS,JS

font 中间文字，前面的里面写颜色，字体大小，字体型号（color，size，face）

< h1 >一直到< h6 >：标题标签

< hr >：横线

< p >：段落标签

< b >：字体加粗

< i >：斜体

< u >：加下划线

< center >：居中

& nbsp; 可以加在文字中，是空格

< pre > ：文字原封不动的显示【原生标签】

图片

< img >：图片

src ：图片的来源【路径】

width ：图片的宽度【图片后面设置】

height ：图片的高度【图片后面设置】

alt > ：图片找不到显示的内容

./是同级路径 ../上一级路径 ../../更上一级路径

img/上一级路径

有序列表

有序标签【type 类型 start：默认[1,2,3..] 数字类型[1],英文类型[a]罗马类型】【可以写大写】

< ol >

​ < li>< /li >

< /ol >

start属性：从哪儿开始

无序列表

无序列表【type：前面显示的实心点[disc] 空心圆[circle]方块[square]】

< ul >

​ < li>< /li >

< /ul >

超链接

target

< a >：超链接【属性：href 链接的路径，parent自身一小块区域打开】

href：超链接跳转的地址

target：打开的方式

​ _self ：在自身页面打开

​ _blank ：新打开一个窗口

表格标签

< table >

​ < tr >这是几行

​ < td>< /td > :这是几列

​ < /tr >

< /table >

cellspacing：表格空隙

属性： width ：表格宽度

​ Height：表格高度

​ Border：边框

​ Align：表格水平位置：

​ left：左

​ center：居中

​ right：右

colspan：合并列

rowspan：合并行

表单标签

表单标签 ：< form >

​ 常用属性：

​ action属性：提交的路径，默认提交到当前页面

​ method属性：请求的方式。GET和POST。默认GET

​ 【面试题】GET方式和POST方式区别？【不仅仅只有这两个，有很多种】

​ GET：数据会显示到地址栏中【不安全】有大小限制

​ POST：数据不会显示到地址栏中【】

​ 表单元素：< input type = "text" > :文本框

​ 常用属性： name ：表单元素的名称，必须有

​ value：文本框的默认值

​ size：文本框的长度

​ maxlength：文本框输入的最大长度

​ readonly：只读文本框

​ < inputtype = "password" > ：密码框

​ 常用属性： name ：密码框的名称，必须有

​ value：密码框的默认值

​ size：密码框的长度

​ maxlength：密码框输入的最大长度

​ readonly：只读文本框

​ < inputtype = "radio" > :单选按钮

​ name ：密码框的名称，必须有

、 readonly：只读文本框

​ checked：单选按钮默认选择

​ < inputtype = "checkbox" > ：多选按钮

​ checked：多选按钮默认选择

​ < inputtype = "button" > ：普通按钮，没有任何功能的按钮

​ < inputtype = "submit" > ：提交按钮

​ < inputtype = "reset" > ：重置按钮

​ < inputtype = "file" > ：文件上传的表单项

​ < inputtype = "hidden" > ：隐藏字段

​ < inputtype = "image" > ：图片按钮

​ < select> :下拉列表

​ < option>：下拉列表里的内容

​ selected：谁是默认的

​ < textarea>:文本域

​ cols：列

​ rows：行

单选，多选，下拉列表，value值必须写的

HTML框架标签

框架标签：< frameset >，标签与body标签是冲突的，有它没它，

​ <frame >：切完之后的页面【 *代表切完之后剩下的部分】

​ frame有名字，name，，在分类的打开方式上，就可以写相对的名字了，就会在这个name的这个里面，显示内容，只能框架使用。

​ 属性：

​ rows：横切

​ cols：竖切

HTML特殊字符的标签

空格：&nbsp ;

小于号：&lt ;

大于号：&gt ；

块标记

< div> ：分行显示【默认自己占一行】

< span> ：同一行显示

CSS【层叠样式表】

CSS基本语法

包括两个重要部分：选择器，一个声明，或者多个声明

​ 选择器：{ 属性：属性值；属性：属性值；..... }

CSS的引入方式第一种

行内样式：直接在HTML的元素上使用style属性设置CSS

例题：< h1 style=“颜色，字体。等等 ；”>内容< /h1 >

第二种

页面内样式：在HTML中的< head > 标签中使用< style >标签设置CSS

例题：

<style>
        h1{颜色；字体；等等；。。。；}
            </style>
第三种

外部样式【单独定义一个.CSS文件，在HTML中引入这个文件】：

在< head >标签中用< link href=" " >，引入CSS

CSS里面例题:

h1{    颜色；字体；等等。。。                    }
CSS选择器元素选择器

border：边框

solid：实现【可以设置边框颜色】

< style >    div{        border:1px  solid  blue;        width:40px;        height:45px;    }            < /style >
ID选择器

在< body >里面设置< div > 里面写 一个ID名字【只能写一个ID】

< divid="d1" >内容< /div >

#d1{    border:2px  solid  red;}
类选择器【写一个class名字】

< divclass="divClass">内容< /div >

class里面可以写多个选择器，用空格分开【叠加使用】

.divClass{     border:2px  solid  red;}
后代选择器

＃

he  em{     border:2px  solid  red;}
属性选择器＜style＞    input［type＝＂text＂］｛        border:2px  solid  red;    ｝        ＜／style＞
子元素选择器浮动

使用float属性可以完成div的浮动

float属性的取值

left：向左浮动

right：向右浮动

none：不动

清除浮动：使用clear属性

在< head >里面写 比如在div里面写ID，就对ID进行编辑浮动

JavaScript

组成：ECMAScript，DOM，BOM

其他的脚本语言

JavaScript，ActionScript，Flex

区分大小写

和Java一样

【变量、函数名、运算符】

弱变量类型语言

都用var声明

例题： var i = 3；

和Java不一样

在js中，根据后面赋的值决定你前面是啥类型【全部用var定义】

命名变量

第一个字母必须是字母、下划线、或美元符号

余下的字符可以是下划线、美元符号或任意字母或数字

数据类型原始类型

undefined ：未定义类型

boolean ：布尔类型

number ：数字类型

string ：字符或字符串

null ：空

引用类型

​ 对象类型，对象类型默认值是null

运算符

=== ： 全等 【是指类型和值都一致的情况下才为true】

【其他和Java一样】

语句

里面要写var

for（var ；后面一样）{}

输出

获得页面的元素

document .getElementById（“ ”）；

定义函数第一种

function 函数名（）{

​ //函数体

}

第二种【匿名】

window .onload = function（）{

}

Java的通常开发步骤

JS通常都有一个事件触发：【要有是个事件】

定义一个函数，触发一个函数：

找到它的元素

修改要操作的对象的属性或值。

常用事件

JS引入方式

第一种

页面内直接编写JS代码，JS代码需要使用< script >< /script >包含起来

第二种

将JS代码编写到一个 .js 的文件中，在HTML中引入该 JS 代码即可

正则

校验正则表达式

string 对象中的match方法【str.match（“正则表达式”）】

一个正则对象中的test方法【正则.test（‘"字符串"）】

图片滚动设置定时

【HTML】中的【window对象】

在head function setTime（）{

​ Windows.定时的方法（“alert（“ ”）”，5000）；

}

在< bodymd-line">（）" >

setInterval（）：每隔多少毫秒就执行某个表达式【一直循环】

例题 setInterval（“change（）”，5000）

setTimeout（）：每隔多少毫秒就执行一次表达式【一次】

例题 setTimeout（“change（）”，5000）

清除定时

clearInterval：

clearTimeout：

BOM

alert（）：弹出对话框

confirm（）：弹出一个确认窗口

prompt（）：弹出一个可输入的对话框

open（）：打开一个新的窗口【网页】

setInterval（）：每隔多少毫秒就执行某个表达式【一直循环】

setTimeout（）：每隔多少毫秒就执行一次表达式【一次】

clearInterval： 清除

clearTimeout：清除

Screen

获得屏幕的信息

History

浏览器历史对象

back（）：上一个历史记录

forward（）：下一个历史记录

history.go（-1）；：返回上一个历史记录

Location

包含路径【】信息的对象

Location.href=""：可以利用它跳转网页

JS输出

document.getElementById（ "" ）.innerHTML=“HTML的代码”

document.write（”“）；

JS事件

onfocus ：获得焦点

onblur ：失去焦点

onsubmit ：表单提交

onabort ：图像的加载被中断

onkeyup ：键盘按键被松开

表格隔行换色

onload事件，进来就加载了表格

获得表格元素的控制器

document。getEByid（表格id名字）

表格id名字. rows. length;

function tabcolor(){            var tab1=document.getElementById("tab1");            var count =tab1.rows.length;                for (var i=1;i<=count;i++) {                    if(i % 2 ==0){                        /*偶数*/        tab1.rows.style.backgroundColor="red";                    }else{                        /*奇数*/                    }
多选框的全选和全不选DOM的概述

文档对象模型，将HTML 的文档加载到内存，形成一个树形结构Node【代表下面的全部】

document【整个HTML文档】，element【元素节点】，attribute【属性节点】Text【文本节点】中的属性和方法

document可以控制整个文本的全部节点

document和element的常用方法获得元素

document .getElementById（）： 通过ID获得元素

document .getElementsByName（）：通过Name获得元素

document .getElementByTagName（）：通过标签名获得元素

创建元素

document .createElement（” “）：创建元素

document .createTest Node（）：创建文本

添加节点

element .appendChild（）： 在最后添加一个节点

element .insertBefore（）：在指定元素之前插入

element .removeChild（）：删除元素

前面的element要换成你要找的那个元素比如：

document .getElementById(" " ) . insertBefore.【前面就是获取某个元素节点，获取某个元素就是代表了Element】

JS内置对象date对象【日期】

getTime（） ：返回1970-1-1日到至今的毫秒数

全局函数

parseInt（）：

例题： parseInt（” 11 “）；直接把字符串11，转成数字11

parseFloat（）：

例题：parseFloat（” 32.09 “）；

编码和解码编码

encodeURI（）

encodeURIComponent()

解码

decodeURI（）

decodeURIComponent（）

eval函数

将一段内容当初是JS的代码执行

JSON数据

后台会往前台发数据，都是字符串，然后就可以把返回值用eval括起来

事件最重要，做一个要先确定事件，然后触发

JQuery［＄］

用< script src="">< script >引入Jquery的包

JQuery是在DOM绘制树形图完成的时候就执行

JS是在页面加载完毕以后才执行

简单写法＄（function（））；

复杂写法＄（（document）．ready（function（））；

JS转成JQuery

获得一个元素

var　img１＝document．ｇetElementById（“img１”）；

＄（img１）

ＪＱ的效果操作show（）；显示

ＪＱ对象．show（）；

ＪＱ对象．show（“show”）；

ＪＱ对象．show（毫秒值）；

ＪＱ对象．show（毫秒值，function（）｛｝）；

hide（）；隐藏

ＪＱ对象．hide（）；

ＪＱ对象．hide（“show”）；

ＪＱ对象．hide（毫秒值）；

ＪＱ对象．hide（毫秒值，function（）｛｝）；

slidDown（）；向下滑动

ＪＱ对象．slidDown（）；

ＪＱ对象．slidDown（“show”）；

ＪＱ对象．slidDown（毫秒值）；

ＪＱ对象．slidDown（毫秒值，function（）｛｝）；

slidｕｐ（）；向上滑动

ＪＱ对象．slidｕｐ（）；

ＪＱ对象．slidｕｐ（“show”）；

ＪＱ对象．slidｕｐ（毫秒值）；

ＪＱ对象．slidｕｐ（毫秒值，function（）｛｝）；

fadeＩｎ（）；淡入

ＪＱ对象．fadeＩｎ（）；

ＪＱ对象．fadeＩｎ（“show”）；

ＪＱ对象．fadeＩｎ（毫秒值）；

ＪＱ对象．fadeＩｎ（毫秒值，function（）｛｝）；

fadeOut（）；淡出

ＪＱ对象．fadeOut（）；

ＪＱ对象．fadeOut（“show”）；

ＪＱ对象．fadeOut（毫秒值）；

ＪＱ对象．fadeOut（毫秒值，function（）｛｝）；

自定义动画

animate（）：自定义动画

JQuery的选择器id选择器

$(" #id")

类选择器

$(".类名")

元素选择器

$("元素名称")

通配符选择器

$("*")

并列选择器

$("选择器，选择器，选择器")

层级选择器后代选择器【使用空格】子元素选择器【使用>】下一个同辈元素【使用+】兄弟元素【使用波浪线】基本过滤选择器

【都用冒号链接前面的元素，比如div：first】

first：第一个元素

last：最后一个元素

odd：奇数元素

even：偶数元素

内容选择器

contains（text）：指定内容的元素

属性选择器

$("div [ telete='aaa' ] ") 有id属性的div,自定义的也行

[属性名称=属性的值]

attr :获得属性的值

attr .(" a( href , 修改后的) ")

prop(nlplk, vlf ): 获得元素的属性,

prop.(" a( href , 修改后的) ")

表单选择器

.addCkass(odd );

JQuery的DOM操作

常用方法

append ( ); 在已有的基础上添加

appendTo () ; 将某个元素添加到另一个元素后面

remove ( ); 将某个元素移除

JQuery的遍历

each (callback );

第一种

$ . each ( 要遍历的对象, function ( i , n ){

} );

第二种

$ ( 要遍历的对象 ) . each ( function ( i , n ){

} );

i 是0,1,2,3..... n是二维数组里面的值,还是数组,一维数组

JQ的对象 . html ( "< option >--请选择--< /option >" )

val : 是获得文本框,密码框,文本域等等的value值,里面不写,就是获取你输入的值,

text : 不写,是获取文本的值,写了,是替换原先的值

html : 不写,是获取代码,写了,是覆盖代码

empty :删除别人,留下自己的标签 [清空]

remove :删除自己,不留标签

prop(nlplk, vlf ): 获得元素的属性,

prop.(" a( href , 修改后的) ")

textarea :

JQ的事件切换

toggle ( ): 单击事件的切换

hover ( ) :鼠标悬停的切换

选择器 : hover{    background-color:red;}伪类改变样式,只能改变样式CSS的

需要别的业务逻辑的时候,就需要JQ的

JQ表单校验JQuery的查找元素

find ( ) :

parent ( ) :

children () :

bind ( ) :

delegate () : 未来创建的元素[事件委派]

响应式页面

. col - lg- n 大桌面显示器

. col - md- n 中等屏幕

. col - sm-n 小屏幕[平板]

. col - xs-n 超小屏幕[手机]

HTML,CSS,JS

font 中间文字，前面的里面写颜色，字体大小，字体型号（color，size，face）

< h1 >一直到< h6 >：标题标签

< hr >：横线

< p >：段落标签

< b >：字体加粗

< i >：斜体

< u >：加下划线

< center >：居中

& nbsp; 可以加在文字中，是空格

< pre > ：文字原封不动的显示【原生标签】

图片

< img >：图片

src ：图片的来源【路径】

width ：图片的宽度【图片后面设置】

height ：图片的高度【图片后面设置】

alt > ：图片找不到显示的内容

./是同级路径 ../上一级路径 ../../更上一级路径

img/上一级路径

有序列表

有序标签【type 类型 start：默认[1,2,3..] 数字类型[1],英文类型[a]罗马类型】【可以写大写】

< ol >

​ < li>< /li >

< /ol >

start属性：从哪儿开始

无序列表

无序列表【type：前面显示的实心点[disc] 空心圆[circle]方块[square]】

< ul >

​ < li>< /li >

< /ul >

超链接

target

< a >：超链接【属性：href 链接的路径，parent自身一小块区域打开】

href：超链接跳转的地址

target：打开的方式

​ _self ：在自身页面打开

​ _blank ：新打开一个窗口

表格标签

< table >

​ < tr >这是几行

​ < td>< /td > :这是几列

​ < /tr >

< /table >

cellspacing：表格空隙

属性： width ：表格宽度

​ Height：表格高度

​ Border：边框

​ Align：表格水平位置：

​ left：左

​ center：居中

​ right：右

colspan：合并列

rowspan：合并行

表单标签

表单标签 ：< form >

​ 常用属性：

​ action属性：提交的路径，默认提交到当前页面

​ method属性：请求的方式。GET和POST。默认GET

​ 【面试题】GET方式和POST方式区别？【不仅仅只有这两个，有很多种】

​ GET：数据会显示到地址栏中【不安全】有大小限制

​ POST：数据不会显示到地址栏中【】

​ 表单元素：< input type = "text" > :文本框

​ 常用属性： name ：表单元素的名称，必须有

​ value：文本框的默认值

​ size：文本框的长度

​ maxlength：文本框输入的最大长度

​ readonly：只读文本框

​ < inputtype = "password" > ：密码框

​ 常用属性： name ：密码框的名称，必须有

​ value：密码框的默认值

​ size：密码框的长度

​ maxlength：密码框输入的最大长度

​ readonly：只读文本框

​ < inputtype = "radio" > :单选按钮

​ name ：密码框的名称，必须有

、 readonly：只读文本框

​ checked：单选按钮默认选择

​ < inputtype = "checkbox" > ：多选按钮

​ checked：多选按钮默认选择

​ < inputtype = "button" > ：普通按钮，没有任何功能的按钮

​ < inputtype = "submit" > ：提交按钮

​ < inputtype = "reset" > ：重置按钮

​ < inputtype = "file" > ：文件上传的表单项

​ < inputtype = "hidden" > ：隐藏字段

​ < inputtype = "image" > ：图片按钮

​ < select> :下拉列表

​ < option>：下拉列表里的内容

​ selected：谁是默认的

​ < textarea>:文本域

​ cols：列

​ rows：行

单选，多选，下拉列表，value值必须写的

HTML框架标签

框架标签：< frameset >，标签与body标签是冲突的，有它没它，

​ <frame >：切完之后的页面【 *代表切完之后剩下的部分】

​ frame有名字，name，，在分类的打开方式上，就可以写相对的名字了，就会在这个name的这个里面，显示内容，只能框架使用。

​ 属性：

​ rows：横切

​ cols：竖切

HTML特殊字符的标签

空格：&nbsp ;

小于号：&lt ;

大于号：&gt ；

块标记

< div> ：分行显示【默认自己占一行】

< span> ：同一行显示

CSS【层叠样式表】

CSS基本语法

包括两个重要部分：选择器，一个声明，或者多个声明

​ 选择器：{ 属性：属性值；属性：属性值；..... }

CSS的引入方式第一种

行内样式：直接在HTML的元素上使用style属性设置CSS

例题：< h1 style=“颜色，字体。等等 ；”>内容< /h1 >

第二种

页面内样式：在HTML中的< head > 标签中使用< style >标签设置CSS

例题：

<style>
        h1{颜色；字体；等等；。。。；}
            </style>
第三种

外部样式【单独定义一个.CSS文件，在HTML中引入这个文件】：

在< head >标签中用< link href=" " >，引入CSS

CSS里面例题:

h1{    颜色；字体；等等。。。                    }
CSS选择器元素选择器

border：边框

solid：实现【可以设置边框颜色】

< style >    div{        border:1px  solid  blue;        width:40px;        height:45px;    }            < /style >
ID选择器

在< body >里面设置< div > 里面写 一个ID名字【只能写一个ID】

< divid="d1" >内容< /div >

#d1{    border:2px  solid  red;}
类选择器【写一个class名字】

< divclass="divClass">内容< /div >

class里面可以写多个选择器，用空格分开【叠加使用】

.divClass{     border:2px  solid  red;}
后代选择器

＃

he  em{     border:2px  solid  red;}
属性选择器＜style＞    input［type＝＂text＂］｛        border:2px  solid  red;    ｝        ＜／style＞
子元素选择器浮动

使用float属性可以完成div的浮动

float属性的取值

left：向左浮动

right：向右浮动

none：不动

清除浮动：使用clear属性

在< head >里面写 比如在div里面写ID，就对ID进行编辑浮动

JavaScript

组成：ECMAScript，DOM，BOM

其他的脚本语言

JavaScript，ActionScript，Flex

区分大小写

和Java一样

【变量、函数名、运算符】

弱变量类型语言

都用var声明

例题： var i = 3；

和Java不一样

在js中，根据后面赋的值决定你前面是啥类型【全部用var定义】

命名变量

第一个字母必须是字母、下划线、或美元符号

余下的字符可以是下划线、美元符号或任意字母或数字

数据类型原始类型

undefined ：未定义类型

boolean ：布尔类型

number ：数字类型

string ：字符或字符串

null ：空

引用类型

​ 对象类型，对象类型默认值是null

运算符

=== ： 全等 【是指类型和值都一致的情况下才为true】

【其他和Java一样】

语句

里面要写var

for（var ；后面一样）{}

输出

获得页面的元素

document .getElementById（“ ”）；

定义函数第一种

function 函数名（）{

​ //函数体

}

第二种【匿名】

window .onload = function（）{

}

Java的通常开发步骤

JS通常都有一个事件触发：【要有是个事件】

定义一个函数，触发一个函数：

找到它的元素

修改要操作的对象的属性或值。

常用事件

JS引入方式

第一种

页面内直接编写JS代码，JS代码需要使用< script >< /script >包含起来

第二种

将JS代码编写到一个 .js 的文件中，在HTML中引入该 JS 代码即可

正则

校验正则表达式

string 对象中的match方法【str.match（“正则表达式”）】

一个正则对象中的test方法【正则.test（‘"字符串"）】

图片滚动设置定时

【HTML】中的【window对象】

在head function setTime（）{

​ Windows.定时的方法（“alert（“ ”）”，5000）；

}

在< bodymd-line">（）" >

setInterval（）：每隔多少毫秒就执行某个表达式【一直循环】

例题 setInterval（“change（）”，5000）

setTimeout（）：每隔多少毫秒就执行一次表达式【一次】

例题 setTimeout（“change（）”，5000）

清除定时

clearInterval：

clearTimeout：

BOM

alert（）：弹出对话框

confirm（）：弹出一个确认窗口

prompt（）：弹出一个可输入的对话框

open（）：打开一个新的窗口【网页】

setInterval（）：每隔多少毫秒就执行某个表达式【一直循环】

setTimeout（）：每隔多少毫秒就执行一次表达式【一次】

clearInterval： 清除

clearTimeout：清除

Screen

获得屏幕的信息

History

浏览器历史对象

back（）：上一个历史记录

forward（）：下一个历史记录

history.go（-1）；：返回上一个历史记录

Location

包含路径【】信息的对象

Location.href=""：可以利用它跳转网页

JS输出

document.getElementById（ "" ）.innerHTML=“HTML的代码”

document.write（”“）；

JS事件

onfocus ：获得焦点

onblur ：失去焦点

onsubmit ：表单提交

onabort ：图像的加载被中断

onkeyup ：键盘按键被松开

表格隔行换色

onload事件，进来就加载了表格

获得表格元素的控制器

document。getEByid（表格id名字）

表格id名字. rows. length;

function tabcolor(){            var tab1=document.getElementById("tab1");            var count =tab1.rows.length;                for (var i=1;i<=count;i++) {                    if(i % 2 ==0){                        /*偶数*/        tab1.rows.style.backgroundColor="red";                    }else{                        /*奇数*/                    }
多选框的全选和全不选DOM的概述

文档对象模型，将HTML 的文档加载到内存，形成一个树形结构Node【代表下面的全部】

document【整个HTML文档】，element【元素节点】，attribute【属性节点】Text【文本节点】中的属性和方法

document可以控制整个文本的全部节点

document和element的常用方法获得元素

document .getElementById（）： 通过ID获得元素

document .getElementsByName（）：通过Name获得元素

document .getElementByTagName（）：通过标签名获得元素

创建元素

document .createElement（” “）：创建元素

document .createTest Node（）：创建文本

添加节点

element .appendChild（）： 在最后添加一个节点

element .insertBefore（）：在指定元素之前插入

element .removeChild（）：删除元素

前面的element要换成你要找的那个元素比如：

document .getElementById(" " ) . insertBefore.【前面就是获取某个元素节点，获取某个元素就是代表了Element】

JS内置对象date对象【日期】

getTime（） ：返回1970-1-1日到至今的毫秒数

全局函数

parseInt（）：

例题： parseInt（” 11 “）；直接把字符串11，转成数字11

parseFloat（）：

例题：parseFloat（” 32.09 “）；

编码和解码编码

encodeURI（）

encodeURIComponent()

解码

decodeURI（）

decodeURIComponent（）

eval函数

将一段内容当初是JS的代码执行

JSON数据

后台会往前台发数据，都是字符串，然后就可以把返回值用eval括起来

事件最重要，做一个要先确定事件，然后触发

JQuery［＄］

用< script src="">< script >引入Jquery的包

JQuery是在DOM绘制树形图完成的时候就执行

JS是在页面加载完毕以后才执行

简单写法＄（function（））；

复杂写法＄（（document）．ready（function（））；

JS转成JQuery

获得一个元素

var　img１＝document．ｇetElementById（“img１”）；

＄（img１）

ＪＱ的效果操作show（）；显示

ＪＱ对象．show（）；

ＪＱ对象．show（“show”）；

ＪＱ对象．show（毫秒值）；

ＪＱ对象．show（毫秒值，function（）｛｝）；

hide（）；隐藏

ＪＱ对象．hide（）；

ＪＱ对象．hide（“show”）；

ＪＱ对象．hide（毫秒值）；

ＪＱ对象．hide（毫秒值，function（）｛｝）；

slidDown（）；向下滑动

ＪＱ对象．slidDown（）；

ＪＱ对象．slidDown（“show”）；

ＪＱ对象．slidDown（毫秒值）；

ＪＱ对象．slidDown（毫秒值，function（）｛｝）；

slidｕｐ（）；向上滑动

ＪＱ对象．slidｕｐ（）；

ＪＱ对象．slidｕｐ（“show”）；

ＪＱ对象．slidｕｐ（毫秒值）；

ＪＱ对象．slidｕｐ（毫秒值，function（）｛｝）；

fadeＩｎ（）；淡入

ＪＱ对象．fadeＩｎ（）；

ＪＱ对象．fadeＩｎ（“show”）；

ＪＱ对象．fadeＩｎ（毫秒值）；

ＪＱ对象．fadeＩｎ（毫秒值，function（）｛｝）；

fadeOut（）；淡出

ＪＱ对象．fadeOut（）；

ＪＱ对象．fadeOut（“show”）；

ＪＱ对象．fadeOut（毫秒值）；

ＪＱ对象．fadeOut（毫秒值，function（）｛｝）；

自定义动画

animate（）：自定义动画

JQuery的选择器id选择器

$(" #id")

类选择器

$(".类名")

元素选择器

$("元素名称")

通配符选择器

$("*")

并列选择器

$("选择器，选择器，选择器")

层级选择器后代选择器【使用空格】子元素选择器【使用>】下一个同辈元素【使用+】兄弟元素【使用波浪线】基本过滤选择器

【都用冒号链接前面的元素，比如div：first】

first：第一个元素

last：最后一个元素

odd：奇数元素

even：偶数元素

内容选择器

contains（text）：指定内容的元素

属性选择器

$("div [ telete='aaa' ] ") 有id属性的div,自定义的也行

[属性名称=属性的值]

attr :获得属性的值

attr .(" a( href , 修改后的) ")

prop(nlplk, vlf ): 获得元素的属性,

prop.(" a( href , 修改后的) ")

表单选择器

.addCkass(odd );

JQuery的DOM操作

常用方法

append ( ); 在已有的基础上添加

appendTo () ; 将某个元素添加到另一个元素后面

remove ( ); 将某个元素移除

JQuery的遍历

each (callback );

第一种

$ . each ( 要遍历的对象, function ( i , n ){

} );

第二种

$ ( 要遍历的对象 ) . each ( function ( i , n ){

} );

i 是0,1,2,3..... n是二维数组里面的值,还是数组,一维数组

JQ的对象 . html ( "< option >--请选择--< /option >" )

val : 是获得文本框,密码框,文本域等等的value值,里面不写,就是获取你输入的值,

text : 不写,是获取文本的值,写了,是替换原先的值

html : 不写,是获取代码,写了,是覆盖代码

empty :删除别人,留下自己的标签 [清空]

remove :删除自己,不留标签

prop(nlplk, vlf ): 获得元素的属性,

prop.(" a( href , 修改后的) ")

textarea :

JQ的事件切换

toggle ( ): 单击事件的切换

hover ( ) :鼠标悬停的切换

选择器 : hover{    background-color:red;}伪类改变样式,只能改变样式CSS的

需要别的业务逻辑的时候,就需要JQ的

JQ表单校验JQuery的查找元素

find ( ) :

parent ( ) :

children () :

bind ( ) :

delegate () : 未来创建的元素[事件委派]

响应式页面

. col - lg- n 大桌面显示器

. col - md- n 中等屏幕

. col - sm-n 小屏幕[平板]

. col - xs-n 超小屏幕[手机]