本帖最后由 小石姐姐 于 2018-5-4 09:48 编辑
[石家庄校区]WAP前端学习笔记
一、HTML
HTML：Hyper Text Markup Language --- 超文本标记语言.
标记语言：指的是通过一组标签的形式描述事物的一门语言.
超文本：比普通的文本更强大.
HTML的结构标签
跟标签:<html></html>
<head> -- html的头标签
<body> -- html的体标签
【HTML的字体标签】
<font>标签:HTML中的字体标签.
使用：<font>文字</font>
* <font>标签的属性:
* <标签 属性名=”属性值” 属性名=”属性值”></标签>
* 属性:
* color属性:字体颜色
* 英文单词设置:black,red,green,blue...
* 使用16进制数设置:#FFFFFF , #FFF
* size属性:字体的大小
* face属性:字体
* 基本使用：
<font>我是HTML!</font> <br/>
<font color="red">我是HTML！</font><br/>
<font color="#FF0000" size="1">我是小红！</font><br/>
<font color="#00FF00" size="7">我是小绿！</font><br/>
<font color="#0000FF" size="100">我是小蓝！</font><br/>
【HTML的排版标签】
标题标签：h标签<h1>...<h6>
<!-- HTML的标题标签 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
段落标签：p标签
字体加粗标签：b标签
<b>黑马训练营</b>
字体斜体标签：i标签
<i>黑马训练营</i>
字体下划线：u标签
<u>黑马训练营</u>
居中标签：<center>标签
<center>内容</center>
**********************************************************************************
HTML有标准:
* HTML4
* <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
* HTML5:支持视频播放,支持CSS3,支持定位,扩展标签...
* <!DOCTYPE html>
<pre>标签：原生标签.
<hr/>标签：横线.
***********************************************************************************
【HTML的图片标签】
图片标签:<img>
* 属性:
* src :图片的来源.
* width :图片的宽度.
* height:图片的高度.
* alt :图片找不到显示的内容.
图片的引入的路径问题:
* 路径：相对路径.
* 如果引入的图片和html文件在同一级路径。
* 直接写文件名或者./文件名
<img src="cs10006.jpg" />
<img src="./cs10006.jpg" />
* 如果引入的图片在html文件的上一级路径。
* <img src="../cs10006.jpg" />
* 如果引入的图片在html文件的下一级路径。
* <img src="img/cs10006.jpg" />
代码实现：
<img src="logo2.png" height="50" width="200"/>
<img src="header.png" height="50" width="250"/>
************************************************************************************
【HTML的列表标签】
有序列表
<ol>
<li></li>
</ol>
无序列表
<ul>
<li></li>
</ul>
【HTML的超链接标签】
HTML的超链接标签：<a>
* 属性:
* href :链接的路径
* target :打开的方式
* _self :在自身页面打开
* _blank :新打开一个窗口
无序列表的属性:
* type属性
* disc ：实心点.
* circle ：空心圆
* square ：方块.
有序列表的属性:
* type属性:
* 1 ：数字类型
* a ：英文类型
* i ：罗马字符
* start属性:从哪开始
超链接的target属性:
* _self
* _blank
* _parent
******************************************************************
【HTML的表格标签】
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
属性:
width :表格宽度
height :表格高度
border :边框
align :表格水平位置:
* left
* center
* right
<td>的属性:
* colspan=”列数”
* rowspan=”行数”
******************************************************************************
【HTML的表单标签（*****）】
HTML的表单标签：<form>
* 常用属性:
* action属性:提交的路径.默认提交到当前页面
* method属性:请求的方式.GET和POST.默认是GET.
***** GET方式和POST方式的区别?
* GET :数据会显示到地址栏中.GET方式提交是有大小的限制.
* POST :数据不会显示到地址栏中.POST方式提交的是没有大小限制.
HTML中表单元素：
* <input type=”text”> :文本框.
* 常用属性:
* name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
* value :文本框的默认值.
* size :文本框的长度.
* maxlength:文本框输入的最大长度.
* readonly:只读文本框.
* <input type=”password”> :密码框.
* 常用属性:
* name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
* value :密码框的默认值.
* size :密码框的长度.
* maxlength:密码框输入的最大长度.
* <input type=”radio”> :单选按钮.
* 常用的属性:
* name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
* value :单选按钮的默认值.
* checked:单选按钮默认被选中.
* <input type=”checkbox”> :复选按钮.
* 常用的属性:
* name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
* value :单选按钮的默认值.
* checked:单选按钮默认被选中.
* <input type=”button”> :普通按钮.没有任何功能的按钮.
* <input type=”submit”> :提交按钮.
* <input type=”reset”> :重置按钮.
* <input type=”file”> :文件上传的表单项.
* <input type=”hidden”> :隐藏字段.
* <input type=”image”> :图片按钮
* <select> :下拉列表.
* <textarea> :文本域.
<input type=”email”>
<input type=”date”>
<input type=”number”>
<input type=”color”>
【HTML的框架标签】
框架标签:<frameset >,标签与body标签是冲突,有frameset就可以没有body.
* 属性:
* rows
* cols
使用<frame>标签，frame代表切分的每个部分.
特殊字符的标签：
空格 :
< :<
> :>
*****************************************************************
二、JS
JS的概述】
什么是JavaScript：
运行在浏览器端的脚本语言!
JavaScript:
JS的概述:运行在浏览器端的脚本语言。
JS的组成：ECMAScript，BOM，DOM
ECMAScript：语法，变量，语句，对象
BOM：浏览器对象
DOM：操作文档对象
JS的语法：
定义变量：统一使用var 弱变量类型.
数据类型：
原始类型：string,number,boolean,null,undefined
引用类型：
运算符：
与Java一致. === 全等于
语句：
与Java一致.
【JS的定时操作】
setInterval();每隔一段时间出现一次可以循环出现
setTimeout();每隔一段时间出现一次
clearInterval();
clearTimeout();
【CSS控制显示和隐藏的属性】
display:
block :显示的
none :隐藏的
setInterval();
setInerval( 表达式,毫秒);
setTimeout();
setTimeout(表达式，毫秒);
【JS的数据类型】
JS将数据类型分成两类：
* 原始类型：
* undefined：未定义类型
* boolean:布尔类型
* number:数字类型
* string:字符或字符串.
* null：空
* 引用类型：
* 对象类型.对象类型默认值是null.
【JS的运算符】
JS中的运算符与Java中基本一致！
JS中有一个 === 全等于.全等于是类型和值都一致的情况下才为true.
【JS的语句】
【JS的通常开发的步骤】
JS通常都由一个事件触发.
触发一个函数,定义一个函数.
获得操作对象的控制权.
修改要操作的对象的属性或值.
定义函数:
* function 函数名称(){
// 函数体
}
* window.onload = function(){
}
常用事件：onclick,ondblclick,onmouseover,onmouseout,onload...
onload="changce()"
function changce(){
setInterval(show,5000)
}
function show(){
document.getElnmentID().value
}
【HTML的块标签】
<div></div> :默认一个div独占一行.
<span></span> :默认在同一行.
【CSS的概述】
什么是CSS:
* HTML相当于网站的骨架！CSS对骨架进行美化！
CSS在那些地方使用：
任何网站都会使用CSS去美化页面！！！
如何使用CSS
知道CSS的语法.
【CSS的基本语法】
CSS的基本语法通常包含两个部分：一个是选择器，一个声明.
* 选择器{属性:属性值;属性:属性值...}
【CSS的引入的方式】
行内样式：直接在HTML的元素上使用style属性设置CSS.
<h1 style="color:red;font-size:200px ;">标题</h1>
页面内样式：在HTML的<head>标签中使用<style>标签设置CSS.
<style>
h1{
color:blue;
font-size: 40px;
}
</style>
外部样式:单独定一个.css的文件.在HTML中引入该CSS文件.
<link href="../../css/demo1.css" rel="stylesheet" type="text/css" />
【CSS的选择器】
元素选择器：
div{
border:1px solid blue;
width:40px;
height:45px;
}
ID选择器:
#d1{
border:2px solid red;
}
类选择器：
.divClass{
border:2px solid yellow;
}
【CSS的浮动】
使用float属性可以完成DIV的浮动.
float属性的取值:
*************************************************************************
【CSS的其他选择器】
属性选择器：
<style>
input[type="text"]{
background-color: red;
}
</style>
后代选择器:
div span 查找的是所有div中的所有的span元素.
h1 strong{
color:red;
}
<h1>
This is <strong>very</strong> <strong>very</strong> important.
</h1>
<h1>This is
<strong>very</strong>
<em>really
<strong>very</strong>
</em>
important.
</h1>
子元素选择器：
div > span找这个div中的第一层级的span元素.
h1 > strong{
color:red;
}
<h1>
This is <strong>very</strong> <strong>very</strong> important.
</h1>
<h1>This is
<strong>very</strong>
<em>really
<strong>very</strong>
</em>
important.
</h1>
并列选择器:
选择器,选择器{
}
HTML:
* HTML的概述：
* HTML：Hyper Text Markup Language.
* HTML就是由一组标签所组成的.
* HTML的字体标签:
* <font>标签:
* 属性：color,size,face
* HTML的排版标签:
* h标签：标题标签.
* p标签：段落标签.
* b标签：加粗标签.
* i标签：斜体标签.
* u标签：下划线标签.
* br标签：换行.
* hr标签：水平线.
* HTML的图片标签:
* img标签:
* 属性:
* src属性:图片的路径.
* 相对路径: ./ 代表当前目录 ../上一级目录
* width,height,alt.
* HTML的超链接标签:
* a标签:
* 属性：
* href:链接的路径.
* target:链接打开的方式. _self,_blank,_parent
* HTML的列表标签:
* 无序列表:<ul>
* 有序列表:<ol>
* HTML的表格标签：
* table标签:
* tr标签：表格的行.
* td标签：表格的列.
* HTML的表单标签：（*****）
* form标签：
* action属性：表单提交的路径
* method属性：表单的提交的方式.
* GET和POST：
* GET：地址栏上会显示提交的数据的信息,大小限制.
* POST：地址栏不会显示提交的数据的信息,没有大小限制.
* <input>
* type=”text”:文本框
* type=”password”:密码框.
* type=”radio”:单选按钮.
* type=”checkbox”:复选框.
* type=”file”:文件上传.
* type=”hidden”:隐藏字段.
* type=”submit”：提交按钮.
* type=”reset”:重置按钮.
* type=”button”:普通按钮.
* type=”image”:图片按钮.
* <select>:下拉列表.
* <textarea>:文本区
* HTML的框架标签:
* <frameset>
* <frame>
**************************************************************************
JS的概述】
什么是JavaScript：
运行在浏览器端的脚本语言!
JavaScript:
JS的概述:运行在浏览器端的脚本语言。
JS的组成：ECMAScript，BOM，DOM
ECMAScript：语法，变量，语句，对象
BOM：浏览器对象
DOM：操作文档对象
JS的语法：
定义变量：统一使用var 弱变量类型.
数据类型：
原始类型：string,number,boolean,null,undefined
引用类型：
运算符：
与Java一致. === 全等于
语句：
与Java一致.
【JS的定时操作】
setInterval();每隔一段时间出现一次可以循环出现
setTimeout();每隔一段时间出现一次
clearInterval();
clearTimeout();
【CSS控制显示和隐藏的属性】
display:
block :显示的
none :隐藏的
setInterval();
setInerval( 表达式,毫秒);
setTimeout();
setTimeout(表达式，毫秒);
*********************************************************************************
css总结
CSS：
* CSS的概述：层叠样式表.
* 修饰HTML的页面.使页面与样式分离.
* CSS的语法：
* 选择器{属性名:属性值;属性名:属性值;...}
* CSS的引入方式：
* 行内样式：在html元素上使用style属性设置
* 内部样式：在html中使用<style></style>进行设置
* 外部样式：定义一个css文件,在html中引入该文件.<link href=”” type=”” rel=””/>
* CSS的选择器：(****)
* 元素选择器:
* ID选择器：
* 类选择器：
* 后代选择器：
* 子元素选择器：
* CSS的样式：
* 文本
* 背景
* 字体
* 列表
* CSS的盒子模型：
* 内边距：padding
* 边框：border
* 外边距：margin
* CSS的悬浮和定位：
* 悬浮：float属性设置悬浮
* 清除悬浮：clear属性清除.
* 定位：position属性设置定位.
* 使用left和top属性控制位置.
* display属性：控制元素的显示方式：
* block--显示的, none--隐藏的,inline--显示到一行.
JS:
* JS的概述：JavaScript运行在浏览器端脚本语言.
* JS的历史：由网景公司研发的.由ECMA组织统一标准:ECMAScript.
* JS的组成：ECMAScript，BOM，DOM.
* JS的语法：
* JS的变量声明:
* JS的数据类型：
* 原始类型：undefined,boolean,string,number,null
* 引用类型：
* JS的运算符：
* 与java中基本一致.有一个 === 类型与值都相同的情况下才会为true.
* JS的语句：
* 与Java中的语句一致.
* 简单的表单校验：
* 正则的校验：使用String的match方法和正则中的test方法.
JS中的BOM对象:Browser
Window 表示浏览器中打开的窗口
Navigator 对象包含有关浏览器的信息
Screen 对象包含有关客户端显示屏幕的信息
History 对象包含用户（在浏览器窗口中）访问过的 URL。
History对象是 window 对象的一部分，可通过 window.history 属性对其进行访问
Location Location 对象包含有关当前 URL 的信息。
Location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问。
******************************
Window;
* alert(); --弹出对话框
* setInterval();
* setTimeout();
* clearInterval();
* clearTimeout();
* confirm(); --弹出一个确认窗口
* prompt(); --弹出一个可输入的对话框
* open(); --打开一个新窗口
Navigator ：
Screen:用来获得屏幕信息
History:浏览器的历史对象
History对象的方法
back（）加载 history 列表中的前一个 URL
forward()加载 history 列表中的下一个 URL
go() 加载 history 列表中的某个具体页面。go(-1)是加载history列表中的上一个页面
Location:包含URL信息的对象
Location属性
hash 返回URL的锚的部分
host 返回URL的主机名和端口
hostname 返回URL的主机名
href 返回完整的URL
pathname 返回URL的路径
*******************************************************************************************
JS的输出
* document.getElementById(“”).innerHTML=”HTML的代码”;
* document.write(“”);
JS的事件
* onload :页面加载
* onclick :单击事件
* onsubmit :提交事件
* onfocus :获取焦点
* onblur :失去焦点
* onchange :下拉列表改变事件.
* ondblclick:双击某个元素的事件.
键盘操作事件:
* onkeydown :按下键盘事件
* onkeyup :抬起键盘事件
* onkeypress:
鼠标操作事件：
* onmousemove：鼠标移动事件
* onmouseout：鼠标离开事件
* onmouseover：鼠标在上面的事件
* onmousedown：
* onmouseup；
使用JS获得表格的行数
* 获得到控制的表格元素:
* var tab1 = document.getElementById(“tab1”);
* var len = tab1.rows.length;
**********************************************************************************
JS中的DOM对象：
DOM的概述
什么是DOM
DOM：Document Object Model：文档对象模型.
将一个HTML的文档加载到内存形成一个树形结构,从而操作树形结构就可以改变HTML的样子.
DOM的使用：
知道document，element，attribute中的属性和方法
DOM的常用的操作
获得元素：
* document.getElementById(); -- 通过ID获得元素.
* document.getElementsByName(); -- 通过name属性获得元素.
* document.getElementsByTagName(); -- 通过标签名获得元素.
创建元素：
* document.createElement(); -- 创建元素
* document.createTextNode(); -- 创建文本
添加节点：
* element.appendChild(); -- 在最后添加一个节点.
* element.insertBefore(); -- 在某个元素之前插入.
删除节点：
* element.removeChild(); -- 删除元素
使用DOM完成对ul中添加一个li元素
function addElement(){
var city = document.getElementById("city");
// 创建一个元素:
var liEl = document.createElement("li");
// 创建一个文本节点:
var text = document.createTextNode("深圳");
// 添加子节点:
liEl.appendChild(text);
city.appendChild(liEl);
}
*******************************************************************************
JS中创建数组
创建一个数组，有三种方法
1: 常规方式
var myCars=new Array();
myCars[0]="Saab";
myCars[1]="Volvo";
myCars[2]="BMW";
2: 简洁方式:
var myCars=new Array("Saab","Volvo","BMW");
3: 字面:
var myCars=["Saab","Volvo","BMW"];
***********************************************************************************
JS的内置对象:
JS Array
JS Boolean
JS Date
Js Math
JS Number
JS String
* charAt();
* indexOf();
* lastIndexOf();
* split();
* replace();
* substring();
* substr();
JS RegExp
JS Function
JS Events
JS的全局函数
parseInt();//解析一个字符串返回一个整数
parseInt(“11”);
parseFloat();//解析一个字符串返回一个浮点数
parseFloat(“32.09”);
* 编码和解码的方法：
// 解码
* decodeURI();
* decodeURIComponent();
// 编码
* encodeURI();
* encodeURIComponent();
eval函数：
* 将一段内容当成是JS的代码执行.
//var sss = “alert(‘aaaa’)”;
//eval(sss);
三、JQ
JQuery的概述
什么是JQuery:
JQuery是一个JS的框架（JS的类库）.对传统的JS进行了封装.
现在企业的开发中往往不会使用传统的JS进行开发，通常都会使用JS框架进行开发.
JS的常用的框架:
JQuery,ExtJS,DWR,Prototype...
JQ的使用:
学习JQuery的语法.
引入Jquery的js文件.
<script src="../../js/jquery-1.11.3.min.js"></script>
JQuery的入口函数:
// 传统的JS的方式：页面加载的事件只能执行一次.
/*window.onload = function(){
alert("aaa");
}
window.onload = function(){
alert("bbb");
}*/
// JQuery的方式：相当于页面加载的事件,可以执行多次.效率比window.onload要高.
// window.onload 等页面加载完成后执行该方法.
// $(function(){}):等页面的DOM树绘制完成后进行执行.
// $相当于JQuery
$(function(){
alert("aaa");
});
$(function(){
alert("bbb");
});
JS对象和JQ对象的转换
window.onload = function(){
// 传统JS方式：
var d1 = document.getElementById("d1");
// JS对象的属性和方法:
// d1.innerHTML = "JS对象的属性";
// d1.html("aaaaaa");
// 将JS对象转成JQ的对象.
$(d1).html("JS对象转成JQ对象");
}
$(function(){
var $d1 = $("#d1");
// $d1.html("JQ对象的属性");
// 转成JS的对象:
// 一种方式
// $d1[0].innerHTML = "将JQ的对象转成JS对象";
// 二种方式:
$d1.get(0).innerHTML = "将JQ的对象转成JS对象的方式二";
});
JQ显示和隐藏
JQ的效果操作:
* show();
* 使用一:Jq对象.show();
* 使用二:Jq对象.show(“slow”); // slow,normal,fast
* 使用三:Jq对象.show(毫秒值); // 1000
* 使用四:Jq对象.show(毫秒值,function(){});
* hide();
* 使用一:Jq对象.hide();
* 使用二:Jq对象.hide(“slow”); // slow,normal,fast
* 使用三:Jq对象.hide(毫秒值); // 1000
* 使用四:Jq对象.hide(毫秒值,function(){});
* slideDown(); --向下滑动
* 使用一:Jq对象.slideDown();
* 使用二:Jq对象.slideDown(“slow”); // slow,normal,fast
* 使用三:Jq对象.slideDown(毫秒值); // 1000
* 使用四:Jq对象.slideDown(毫秒值,function(){});
* slideUp(); --向上滑动
* 使用一:Jq对象.slideUp();
* 使用二:Jq对象.slideUp(“slow”); // slow,normal,fast
* 使用三:Jq对象.slideUp(毫秒值); // 1000
* 使用四:Jq对象.slideUp(毫秒值,function(){});
* fadeIn(); --淡入
* 使用一:Jq对象.fadeIn();
* 使用二:Jq对象.fadeIn(“slow”); // slow,normal,fast
* 使用三:Jq对象.fadeIn(毫秒值); // 1000
* 使用四:Jq对象.fadeIn(毫秒值,function(){});
* fadeOut(); --淡出
* 使用一:Jq对象.fadeOut();
* 使用二:Jq对象.fadeOut(“slow”); // slow,normal,fast
* 使用三:Jq对象.fadeOut(毫秒值); // 1000
* 使用四:Jq对象.fadeOut(毫秒值,function(){});
* animate(); --自定义动画
* toggle(); --单击切换函数
* Jq对象.toggle(fn1,fn2...);单击第一下的时候执行fn1,单击第二下执行fn2...
JQuery的选择器
基本选择器】(*****)
id选择器
* 用法:$(“#id”)
类选择器
* 用法:$(“.类名”)
元素选择器
* 用法:$(“元素名称”)
通配符选择器
* 用法:$(“*”)
并列选择器
* 用法:$(“选择器,选择器,选择器”)
$(function(){
$("#but1").click(function(){
// alert("aaaa");
$("#one").css("background","#bbffaa");
});
$("#but2").click(function(){
$(".mini").css("background","#bbffaa");
});
$("#but3").click(function(){
$("div").css("background","#bbffaa");
});
$("#but4").click(function(){
$("*").css("background","#bbffaa");
});
$("#but5").click(function(){
$("#two,span,.mini").css("background","#bbffaa");
});
});
层级选择器
后代选择器：使用空格 所有后代包含孙子及以下的元素
子元素选择器：使用> 第一层的元素（儿子）
下一个元素:使用+ 下一个同辈元素
兄弟元素:使用~ 后面所有的同辈元素
<script>
$(function(){
// 后代选择器:
$("#but1").click(function(){
$("body div").css("background","#bbffaa");
});
// body下的第一层div元素
$("#but2").click(function(){
$("body > div").css("background","#bbffaa");
});
// 查找下一个同辈的元素
$("#but3").click(function(){
$("#three + div").css("background","#bbffaa");
});
$("#but4").click(function(){
$("#two ~ div").css("background","#bbffaa");
});
});
</script>
基本过滤选择器
<script>
$(function(){
$("#but1").click(function(){
$("#three div:first").css("background","#bbffaa");
});
$("#but2").click(function(){
$("#three div:last").css("background","#bbffaa");
});
$("#but3").click(function(){
$("div:odd").css("background","#bbffaa");
});
$("#but4").click(function(){
$("div:even").css("background","#bbffaa");
});
$("#but5").click(function(){
$("#three div:eq(1)").css("background","#bbffaa");
});
});
</script>
内容选择器
<script>
$(function(){
$("#but1").click(function(){
$("div:contains('1')").css("background","#bbffaa");
});
});
</script>
属性选择器
表单选择器
<script>
$(function(){
$("#but1").click(function(){
$(":input").css("background","#bbffaa");
});
$("#but2").click(function(){
// $(":text").css("background","#bbffaa");
$("input[type='text']").css("background","#bbffaa");
});
});
</script>
表单属性选择器
JQuery的选择器】
基本过滤选择器：
odd ：奇数
even: 偶数
JQuery中添加和移除样式
* 如果样式没有事先定义,可以使用css方法为奇数行或者偶数行设置背景颜色.
* 如果已经在css文件中事先将样式定义完成了,不能使用css方法了.使用JQ中的CSS类中的方法：
* addClass();
* removeClass();
JQuery对属性的操作的方法
* attr();
* 使用方法一：$(“”).attr(“src”);
* 使用方法二：$(“”).attr(“src”,”test.jpg”);
* 使用方法三：$(“”).attr({“src”:”test.jpg”,”width”:”100”});
* removeAttr();
* prop();新版本的方法.
* 使用方法一：$(“”).prop(“src”);
* 使用方法二：$(“”).prop(“src”,”test.jpg”);
* 使用方法三：$(“”).prop({“src”:”test.jpg”,”width”:”100”});
* removeProp();
* addClass()
* removeClass();
JQuery的DOM操作
* 常用的方法:
* append(); ---在某个元素后添加内容.
* appendTO(); ---将某个元素添加到另一个元素后.
* remove(); ---将某个元素移除.
JQuery的遍历
遍历的方式一：
* $.each(objects,function(i,n){
});
遍历的方式二:
* $(“”).each(function(i,n){
});
$(function(){
var arrs = new Array("张森","张凤","张芙蓉");
// 将这个数组转成JQ的对象使用each方法.
/*$(arrs).each(function(i,n){
alert(i+" "+n);
});*/
$.each(arrs,function(i,n){
alert(i+" "+n);
});
});
文档处理
emputy
remove
css的伪类和鼠标的hover事件的应用场景
事件处理bind
事件委派delegate
on bind delegate
|
收藏
淘帖
踩
