jsp经验
通过id获取值
var content = $('#id').val();//当id为定值时使用
var content = $('#' + id).var();//当id为变量时使用，多为公共方法调用。
var content = document.getElementById("jbr_name").value;//此处通过jsp中的DOM来取值
通过radio的name获取值
var sexType=$("input[name='name']:checked").val();
页面加载完成执行
$(function(){ })
$(document).ready(function(){})
window.onload = function(){ }
jQuery(function($) {…})
css样式的定义
<div id="header"></div>
<div class="abc"></div>
在css文件中定义id对应的样式用#，class对应的样式用“.”
区别：
同一个id样式一个页面只能调用一次，而class可以调用多次（无限制）
<div class="yangshi1" id="yangshi2">
<div class="yangshi1 yangshi3" id="yangshi2">//引用多个class时用空格分开
id就像一个人的身份证，用于识别这个DIV的，Class就像人身上穿的衣服，用于定义这个DIV的样式。一般一个网页不设二个或二个以上同ID的div，但Class可以多个DIV用同一个Class
ajax的表单提交
1、通过form id来提交form表单
<form id="baseJbrForm" action="${path}/editUser.action" method="post">
$("#baseJbrForm").ajaxSubmit({
dataType:'json',
error:function(){
alert('操作失败，请稍后再试！');
},
success:function(data){
var json = data;
if(json.result){
alert(json.message);
window.location.reload();
}
}
});
ajaxSubmit为Query插件jquery.form.js中的方法，使用需引入次插件
同行用td 同列用tr
下拉列表，option必须与select标签一起使用，不然没有任何意义
<select name="name">
<option value="a">a</option>
<option value="b">b</option>
<option value="c" selected="selected">Fiat</option> //默认被选中
<option value="d">d</option>
</select>
js中，可以用标记的方法调出任意循环
cars=["BMW","Volvo","Saab","Ford"];
list:
{
document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
break list;
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");
}
js中同样可以使用try catch语法
修改HTML元素内容最简单的方法
document.getElementById(id).innerHTML=new HTML
修改HMTL元素的属性
<img id="image" src="smiley.gif">
<script>
document.getElementById("image").src="landscape.jpg";
</script>
改变HTML元素的样式
<h1 id="id1">My Heading 1</h1>
<button type="button" onclick="document.getElementById('id1').style.color='red'">
点击这里
</button>
onload 和 onunload 事件会在用户进入或离开页面时被触发。
onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。
onload 和 onunload 事件可用于处理 cookie。
<body onload="checkCookies()">
onchange事件
onchange事件常结合对输入字段的验证来使用
<input type="text" id="fname" onchange="upperCase()">
onmouseover 和 onmouseout 事件
onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。
onmousedown、onmouseup 以及 onclick 事件
onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件
用数组元素组成字符串
var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr.join(".")
数组排序
arr.sort()
js弹出确认框
var r=confirm("Press a button!");
if (r==true){}else{}
jQuery在div中加载页面，在chorm、Firefox、Safari 中都运行正常，在IE中运行失败
var tab = jQuery ("#dynamic_tab");
var url = "/list_ajax/";
tab.load (url);
解决办法：需要在返回的 http header 里加上 charset=utf-8
