学的越多感觉不会的越多。php+mysql学了点皮毛。知道搞web的是要会js的于是开始结合公司的项目开始学习js之旅（http://www.w3school.com.cn/b.asp）

$(document).ready(function(){

    //do something

});

在jq中就是

$function(){

    //do something

}

submit事件

submit是弹出一个警告框用法：

$(document).ready(function(){

    $("from").submit(function(e){

        alert("123");

    });

})

val设置输入域的值

$(document).ready(function(){

    $("button").click(function(){

    $("input:text").val("aa");

  });

}

if($('#vdcode').val()=="")

		{

			$('#vdcode').focus();

			alert("验证码不能为空！");

			return false;

		}

focus焦点改变文本框背景颜色

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("input").focus(function(){

    $("input").css("background-color","#FFFFCC");

  });

  $("input").blur(function(){

    $("input").css("background-color","#D6D6FF");

  });

});

</script>

</head>

<body>

Enter your name: <input type="text" />

<p>请在上面的输入域中点击，使其获得焦点，然后在输入域外面点击，使其失去焦点。</p>

</body>

</html>

												


											
菜鸟的js学习笔记的更多相关文章
	

    
								
  1. js学习笔记：webpack基础入门（一）
		
    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
    
		
    2. 
						
  2. Vue.js学习笔记（2）vue-router
		
    vue中vue-router的使用:
    
		
    3. 
						
  3. JS 学习笔记--9---变量-作用域-内存相关
		
    JS 中变量和其它语言中变量最大的区别就是,JS 是松散型语言,决定了它只是在某一个特定时间保存某一特定的值的一个名字而已.由于在定义变量的时候不需要显示规定必须保存某种类型的值,故变量的值以及保存的 ...
    
		
    4. 
						
  4. WebGL three.js学习笔记 使用粒子系统模拟时空隧道（虫洞）
		
    WebGL three.js学习笔记 使用粒子系统模拟时空隧道 本例的运行结果如图: 时空隧道demo演示 Demo地址:https://nsytsqdtn.github.io/demo/sprite ...
    
		
    5. 
						
  5. WebGL three.js学习笔记 法向量网格材质MeshNormalMaterial的介绍和创建360度全景天空盒的方法
		
    WebGL学习----Three.js学习笔记(5) 点击查看demo演示 Demo地址:https://nsytsqdtn.github.io/demo/360/360 简单网格材质 MeshNor ...
    
		
    6. 
						
  6. WebGL three.js学习笔记 创建three.js代码的基本框架
		
    WebGL学习----Three.js学习笔记(1) webgl介绍 WebGL是一种3D绘图协议,它把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的 ...
    
		
    7. 
						
  7. vue.js 学习笔记3——TypeScript
		
    目录 vue.js 学习笔记3--TypeScript 工具 基础类型 数组 元组 枚举 字面量 接口 类类型 类类型要素 函数 函数参数 this对象和类型 重载 迭代器 Symbol.iterat ...
    
		
    8. 
						
  8. 2019-4-29 js学习笔记
		
    js学习笔记一:js数据类型   1:基本数据类型       number类型(整数,小数)      String类型          boolean类型        NaN类型其实是一个nu ...
    
		
    9. 
						
  9. 一点感悟：《Node.js学习笔记》star数突破1000+
		
    写作背景 笔者前年开始撰写的<Node.js学习笔记> github star 数突破了1000,算是个里程碑吧. 从第一次提交(2016.11.03)到现在,1年半过去了.突然有些感慨, ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Codeforces 132E Bits of merry old England 【最小费用最大流】
			
    题意: 让你输出长度为n的某个序列,然后给你m个变量. 每次给某个数赋值的代价是 假设赋值a=7那么代价是3,因为7的二进制位中有3个1. 要求最后总代价最小. 输出总共要进行操作的次数,和最小代价. ...
    
			
    2. 
						
  2. java 抽象类和接口总结
			
    1.抽象类和抽象方法必须使用abstract 关键字来修饰 2.抽象类不能实例化 3.抽象方法是为实现的方法,它与空方法时两个完全不同的概念 4.abstract 不能喝private static  ...
    
			
    3. 
						
  3. Linux查看物理CPU个数、核数、逻辑CPU个数（转载）
			
    # 总核数 = 物理CPU个数 X 每颗物理CPU的核数 # 总逻辑CPU数 = 物理CPU个数 X 每颗物理CPU的核数 X 超线程数 # 查看物理CPU个数cat /proc/cpuinfo| g ...
    
			
    4. 
						
  4. Hibernate三种状态的区分，以及save,update,saveOrUpdate,merge等的使用   引自http://www.blogjava.net/TiGERTiAN/archive/2008/10/25/236519.html
			
    Hibernate的对象有3种状态,分别为:瞬时态(Transient). 持久态(Persistent).脱管态(Detached).处于持久态的对象也称为PO(Persistence Object ...
    
			
    5. 
						
  5. MXNet符号编程
			
    构成符号: 符号对我们想要进行的计算进行了描述, 下图展示了符号如何对计算进行描述. 下图定义了符号变量A, 符号变量B, 生成了符号变量C, 其中, A, B为参数节点, C为内部节点! mxnet ...
    
			
    6. 
						
  6. 超图(hypergraph)
			
    超图是什么? 超图的本质特征在于它的超边,它可以连接两个以上的结点(包括两个).按这样的意义来说,我们所熟悉的普通图只是超图的一个特例而已,而超图则定义了一个更加宽泛的图. 超图的数学定义为:对于超图 ...
    
			
    7. 
						
  7. Oracle 存储过程包
			
    create or replace package body cuttoship_lots is procedure prod_run(p_w_day date) as begin delete cu ...
    
			
    8. 
						
  8. oracle 清除当前用户的回收站
			
    --清除当前用户的回收站:purge recyclebin;  --删除表数据truncate table --查看当前用户回收站select * from user_recyclebin t; 
    
			
    9. 
						
  9. php odbc连接 查询显示不完整问题
			
    首先php.ini里里面mssql查询的默认配置是4096 1.找到[MSSQL] ; Valid range 0 - 2147483647. Default = 4096.mssql.textlim ...
    
			
    10. 
						
  10. Oracle笔记 十三、PL/SQL面向对象之package
			
    --将方法和过程用包定义 create or replace package pkg_emp as --输入员工编号查询出员工信息 procedure pro_findInfo( in_empno e ...
    
			
    11.