学的越多感觉不会的越多。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. EXT layout
			
    1.Vbox createCenterPanel: function () { var pan = Ext.create('Ext.Panel', { height: '100%', title: ' ...
    
			
    2. 
						
  2. Ext.Form 自动填写表单内容
			
    前台: 表单必须含有name属性 if (action == 'edit' || action == 'show') { MyForm1.getForm().load({ url: '/data/cu ...
    
			
    3. 
						
  3. php读取目录及子目录下所有文件名的方法
			
    本文实例讲述了php读取目录及子目录下所有文件名的方法,分享给大家供大家参考.具体实现方法如下: 一般来说php中读取目录下的文件名的方式确实不少,最简单的是scandir,具体代码如下: $dir= ...
    
			
    4. 
						
  4. XMLHttpRequest的五步使用方法
			
    <html> <head> <title>Demo</title> <style> body,input,button,select,h1{ ...
    
			
    5. 
						
  5. HDFS副本机制&负载均衡&机架感知&访问方式&健壮性&删除恢复机制&HDFS缺点
			
    副本机制 1.副本摆放策略 第一副本:放置在上传文件的DataNode上:如果是集群外提交,则随机挑选一台磁盘不太慢.CPU不太忙的节点上:第二副本:放置在于第一个副本不同的机架的节点上:第三副本:与 ...
    
			
    6. 
						
  6. oracle错误处理及实操-【INS-20802】
			
    服务器硬件要求:内存>1GB,如果是虚拟机,必须设置内存为1.5G以上. 确定好主机名,安装完成以后,不要再修改主机名,一旦修改会导致oracle启动失败,注意:使用默认的localhost.l ...
    
			
    7. 
						
  7. 翻译「C++ Rvalue References Explained」C++右值引用详解 Part8：Perfect Forwarding（完美转发）：解决方案
			
    本文为第八部分,目录请参阅概述部分:http://www.cnblogs.com/harrywong/p/cpp-rvalue-references-explained-introduction.ht ...
    
			
    8. 
						
  8. Android开发-API指南-Android简介
			
    Introduction to Android 英文原文:http://developer.android.com/intl/zh-cn/guide/index.html 采集日期:2014-4-16 ...
    
			
    9. 
						
  9. 单链表（c++）
			
    #include "stdafx.h"#include <iostream>using namespace std;const int MaxSize = 100; c ...
    
			
    10. 
						
  10. UIBlurEffect实现模糊效果
			
    //使用图片初始化背景 Pattern 图案,模式 self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageN ...
    
			
    11.