原生JavaScript使用和jQuery使用

引入js文件：
<script type="text/javascript" src="static/js/index.js"></script>变量
var 变量名； 注：变量没有类型，根据赋值决定变量的类型；数据类型：number String  boolean运算符：
算术运算符：+ - * / %
赋值：= += -= *= /= %=
比较：>  >=  <  <=  ==  !=  ===表示类型和值都相同
单目：++  --
三目：var 变量=表达式?结果1:结果2事件: 单击 onclick 双击 ondblclick 鼠标经过 onmouseover 鼠标移动 onmousemove
鼠标移出 onmouseout 鼠标按下 onmonsedown 鼠标抬起 onmouseup 键盘按下 onkeydown
键盘抬起 onkeyup 获得焦点 onfocus 失去焦去 onblur 内容输入 oninput 内容改变 onchange
表单提交 onsubmit 滚动 onscroll 页面加载 onload函数
使用：
window.onload=function(){//必须在页面加载完成后执行的代码}function 函数名show(参数名称x,y){根据ID获得：document.getElementById(id名称);根据class获得：document.getElementsByClassName(class属性值); ---获得一个数组弹出框：alert()：只有“确认”confirm()：有“确认”，“取消”prompt()：可接收用户的输入内容，并有“确认”，“取消”定时器：开启：定时器名称=setInterval("函数",毫秒时间)：间隔固定的时间执行一次函数定时器名称=setTimeout("函数",毫秒时间)：在固定时间之后执行一次函数关闭：clearInterval(定时器名称)clearTimeout(定时器名称=)改变样式属性：对象名.style.属性名colorfontSize}

jQuery：

引入：
< script type="text/javascript" src="jQuery文件路径">< /script>$(function(){//页面加载完成//给表单绑定表单提交事件$("#frm").submit(function(){//定义正则规则var reg=/^\w{6,20}$/;//获得输入的昵称var uname=$(":input:eq(0)").val();if(!reg.test(uname)){//返回true或false//下一个兄弟节点$("span[class=err]:eq(0)").html("用户名必须是abc");//ip[0].nextElementSibling.innerHTML="用户名必须是abc";return false;//取消原始默认作}else{$("span[class=err]:eq(0)").html("");}reg=/^\d{6}$/;var upass=$(":input:eq(1)").val();if(!reg.test(upass)){$("span[class=err]:eq(1)").html("密码必须是6个数字");return false;}return true;});})

原生JavaScript使用和jQuery使用相关推荐

你可能不需要 jQuery！使用原生 JavaScript 进行开发
很多的 JavaScript 开发人员,包括我在内,都很喜欢 jQuery.因为它的简单,因为它有很多丰富的插件可供使用,和其它优秀的工具一样,jQuery 让我们开发人员能够更轻松的开发网站和 We ...
原生javascript淡入淡出焦点图 + Jquery实现方法
淡入淡出焦点图效果类这里是缓动焦点图链接: JavaScript 缓动焦点图实现的几种写法封装 + 函数式 + JQuery 焦点图实现思路: 原生JS的类的调用方式: var slider1 ...
演员选择框三级联动（原生javascript和jquery实现）
使用Jquery做成选择演员选择框的三级联动效果.代码如下,测试可以下载附件. <html><head><meta http-equiv="Content-Ty ...
原生javascript取代jquery的一些方法（jQuery-free）
转自:http://www.qingdou.me/2687.html jQuery是最流行的JavaScript工具库.据统计,目前全世界57.3%的网站使用它.也就是说,10个网站里面,有6个使用j ...
原生JavaScript实现jQuery中的slideUp和slideDown滑动效果
参考文章:用原生JavaScript写出类似jQuery中slideUp和slideDown效果_johnworks的博客-CSDN博客作者:johnworks 目录一.前言二.第一次尝试 ...
JavaWeb 第6章 Ajax 与 JQuery 任务1：使用原生 JavaScript 发送 Ajax请求
JavaWeb 应用设计及实战目录上一章下一章上一个任务/上一节下一个任务/下一节实例链接点我目录任务1 使用原生 JavaScript 发送 Ajax 请求 6. ...
animate用法 js原生_用原生Javascript 创建带动画的固顶导航菜单
当我们在网页中加入一个导航菜单的时候,需要考虑很多因素.如何确定它的位置?如何定义样式?还需要保证它具有良好的响应性.又或者你想为它添加一些炫酷的动画.这时你可能会对 jQuery 感兴趣,因为它会帮 ...
使用原生JavaScript
如果你只需要针对现代浏览器,很多功能使用原生的 JavaScript 就可以实现. DOM Selectors //jQuery var ele = $("#id .class") ...
一些常用且实用的原生 JavaScript函数[转]
日常开始中常用到的一些原生JavaScript函数,比较实用, 今天特地整理一下,分享给大家,希望对大家有用,会常更新,同时也欢迎大家补充. css及html方面的技巧总结,点此前往: 前端开发中一些 ...
java excel 插件_轻量级的原生JavaScript的Excel插件——JExcel
介绍 jExcel是一个轻量级的原生javascript插件,用于创建与Excel或任何其他电子表格软件兼容的基于Web的交互式表格和电子表格.可以从JS数组,JSON,CSV或XSLX文件创建在线电 ...

原生JavaScript使用和jQuery使用

原生JavaScript使用和jQuery使用相关推荐

最新文章

热门文章