JavaScript

JS

1、特性
   脚本语言、基于对象，简单、动态性、跨平台性
2、编写位置
   编写在HTML中的<script>标签中：<script type="type/javascript"></script>
   写在外部的.js文件，然后通过script标签引入：<script type="type/javascript" src="script.js"></script>
3、事件驱动
   用户事件：用户操作，单击，鼠标移入,系统事件，由系统出发的事件，例如文档的加载等
   onload：加载   onblur：失去焦点   onfocus:获取焦点   onclicks： 单击

BOM (borwser Object nodel 浏览器对象模型)
window是顶层对象
    document history location screen navigator frames
DOM (document Object model)
文档数据类型 window对象的一个属性，可以通过window.document获取,window可以省略
    元素查询：
    根据id查询 document.getElementById("id值") 返回一个元素节点
    根据标签名查询 document.getElementByTagName("标签名")返回一个元素节点数组
    根据name属性查询 document.getElementByName("name值") 返回一个元素节点数组

JQuery

cdn引入

​​​​​​​    <script  src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>

给文本绑定foucs事件

    $(function(){
		$("#username").focus(function(){
			
			$("#msgSpan").text("");
		});
	})

text()方法
    用来获取或设置成对出现得标签中的文本值
    对象.text():获取文本值
    对象.text("new value")：设置文本值
    html（）方法和text（）方法唯一的区别是html可以解析标签
eg：$("#msgSpan").html("<font color='green'> Try again!</font>");

val()方法
   获取或设置input标签中value的属性值
            //对象.val()获取value属性值
            //对象.val("new value")设置value属性值
            var username = $("#username").val();
            var password = $("#password").val();