JavaScript 与 jQuery-简记

JS
基本语法 数据类型、变量、运算符与注释、控制语句、语法约定
高级语法 函数、自定义函数、系统函数
常用对象 Date对象、String对象、数组
JS的BOM与DOM
BOM 浏览器对象,以浏览器为准
DOM 文档对象,W3C制定

BOM:window对象
常用属性 history、location、document、navigator、opener、statues、screen
常用方法 alert、confirm、prompt、setInterval、clearInterval、setTimeout、open、close
DOM:节点
根据ID、Name、TagName访问节点
根据节点关系访问节点
DOM:操作节点的
属性、
文本、
样式 className、style.样式名
EL表达式
1、${XXX}
${.} ${[]} 访问bean或者map entry
${empty a} 判断a是不是null 空
${s} pageContext-request-session-application
JSTL 库
core 循环、表达式赋值、基本输入输出 c
fmt 日期、数据格式化 fmt
functions 常用函数 fn
过滤器
init doFilter destory
chain.doFilter
Ajax 与jQuery
1、ajax
XML对象,open,send,处理返回的data
返回的data html xml json
2、jQuery中的ajax
$.ajax();
$.load/$.get()/$.post()
load url,data,callback
get url,data,callback,type
post url

$.getScript()/$.getJSON()
3、jQuery
选择器
基本
$('a') 元素
$("#specialID") ID
$(".specialClass") 类
子选择器 >
后代 E F
4、利用jQuery操作DOM
文档就绪 $(docment).ready(fn);
操作元素位置
设置元素属性
修改元素样式
获取或设置样式
设置元素内容
jQuery事件模型


jquery对象 与 JS对象的转换
jq-js jQuery本身提供,通过.get(index)方法,得到相应的DOM对象
JS-jq 只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)

jQuery的案例
属性、值、CSS、文本
$("#uname").attr("value","753");
$("#uname").val();
$("div").toggleClass("red");
$("#showDiv").addClass("red");
$("#showDiv").removeClass("red");
$("#showDiv").html();
$("#showDiv").text();
$("#showDiv").html("<h5>5555555555555</h5>");
事件
$("#btn").one("click",function(){});
$("#btn").bind("click",function(){});
$("#btn").unbind("click");
$("#btn").click();
$("#btn").click(function(){});

显示
display 属性设置元素如何显示。
值 none 不显示
block 块级元素
inline 默认,内联元素
list-item 列表显示
table 块级表格
table-row 表格行
table-cell 表格单元格
$("#showDiv").show(3000);//如果设置参数,代表显示时间,以毫秒为单位,2000==2s
$("#sdiv").hide(3000);
$("div").toggle(2000);
$("#showDiv").slideDown(2000);
$("#showDiv").slideUp(2000);
$("#showDiv").fadeIn(2000);
$("#showDiv").fadeOut(2000);
$("#showDiv").fadeTo(4000,0.7);

原文地址:https://www.cnblogs.com/yexingzhiguang/p/6437098.html