JS基本语法

javaScript客户端脚本<插件的意思>语言
是一种嵌入在网页的程序段
是一种解释性语言，被浏览器解释执行
javaScript加入网页中的方式：
1.内嵌式:在网页中加入<script>标识，标识中间的内容为Js代码。只能用于本网页中
<script></script>
2.外联式：将JS代码独立城*.js文件。通过<script>的src属性导入。可用于多个网页
<script src="hahah.js"></script>
注意，一旦该<script>标签导入了js文件，那么在该<script>标签中，就不能再写js代码
3.在元素的事件中，加入js代码
<input type="button" οnclick="alert('ddd')">
4.超链接伪URL方式
<a href="javaScript:alert('dd')">跳转</a>


javaScript变量
* 弱类型语言，不一定要初始化
* 弱类型是指变量任何数据类型都可以存放。可以存放数字，可以存放字符串，也可以存放对象的引用。
* 正因为javaScript是弱类型语言，所以形参不能指明变量类型。


用户自定义的变量名和函数名不能和标签同名
函数名也不能和元素的ID同名


undefined：
当申明的变量为初始化石值为undefined
当函数无声明返回值时，其调用结果也是undefined
null：
值为null，null是从undefined派生出来的。因此null==undefined
null表示不存在的对象
number：
NaN表示非数字，它与自身不想等。一般发生在类型转换失败时，isNaN()较验是否为数字
String
可以用单引号或双引号声明。


2016.6.21
javaScript对象的特点：
1>javaScript是基于对象的面向对象语言。只有对象的概念，没有类，没有接口
2>javaScript的函数本身也是对象
3>javaScript对象的属性和方法，可以在运行期动态添加或删除


事件流
事件流意味着页面上不止一个元素可响应相同的事件
1>事件冒泡。先响应事件源，再响应父容器
2>事件捕获。先响应父容器，再响应事件源
3>事件处理。可以选择先响应事件源，还是先响应父容器


事件指派的方式有两种：
1>传统事件添加
2>现代事件添加
一》传统事件添加的特点：1兼容幸好，几乎所有的浏览器都支持
2一个元素的一个事件只能绑定一个函数
二》
现代事件添加的特点：1 兼容性差，浏览器不同，添加事件的方式就不同
2 一个元素的一个事件，可以绑定多个函数


一个事件如果返回值为false，可以阻止元素默认行为。


innerHTML
方便地设置元素内容
不是DOM的一部分，但被所有浏览器支持


jquery概述：
jquery是一款免费且开放源代码javascript代码库，引入了全新的DOM选择器引擎，同时提供UI库组件
jquery优点：
1>轻量级
2>强大的DOM选择器，简化javascript和ajax开发
3>解决不同浏览器兼容问题
4>提供UI库组件让网页面开发更放便


jquery对象和dom对象的互换
dom对象转为jquery
var obj = document.getElementById("div1");
//dom对象转化jquery
var jq = $(obj);
alert(jq.html);
jquery转化为dom
var jq = $(#div1);
var obj = $(jq)[0]
alert(obj.innerHTML);


jquery添加事件全是现代事件，一个事件可以绑定多个函数


按标记名查找元素
jquery方式
var msg = $("#div1 label");
var msg = $("#div1").find("label");
取得数据第几个元素，返回dom对象
$("#div label")[1].innerHTML
数组长度
$("#div label").size
遍历数组
$("#div label").each(function(index,data){
Index为循环变量，data为数组中dom元素
  //得到原始DOM对象
this.innerHTML
})；


jquery元素设置
设置，获得标签中的内容
$("#div").html("<p>aaaa</p>")//设置内容
$("#div").html();//获得内容
设置，获得value值
$("#userName").val("张三")；//设置value值
$("#userName").val();//获得value值
显示隐藏元素
$("p").show("slow");//附加动画，显示元素
$("p").hide("slow")//附加动画，隐藏元素


取消对象中所有事件
$("p").unbind()
取消对象中所有点击事件
$("p").unbinf("click")
取消对象中某一个点击事件
$("p").unbinf("click"，fun)


单选框和复选框判断是否选中checked
列表框和下拉框判断是否选中selected