jquery 、ajax、jsp基礎
1、在JQuery能獲取就能設置（對象設置）
function test1()
{
alert("11");
var username = $("#username").val();
alert("11"+username);
username="Tom1";
alert("22"+$("#username").val());
alert("33"+username);
$("#username").val("Tom2");
alert("44"+username);
$("#username").val("");
alert("55"+username);
}function test2(){
$("#picture").removeArrt("src");
}
function test3(){
alert($("#username").attr("type"));
alert($("#username").attr("type","buton"));
alert($("#username").attr("value"));
}function test4(){
alert($("#username").css("color");
}$(document).ready(
function(){
$("#but1").click( function () {
alert("11111");
});
}
);
$(document).ready(function(){
$("input").focus(function(){
$("input").css("background-color","#FFFFCC");
});
$("input").blur(function(){
$("input").css("background-color","#D6D6FF");
});
});7、select事件
$(document).ready(function(){
$("input").select(function(){
$("input").after(" Text marked!");
});8、keypress回車事件
//回車
$(document).ready（
function(){
$('#login').keypress(
function(e){
if(e.keyCode==13){
alert("你點擊了回車事件");
}
}
);
});
$(document).ready(function(){
$("button").click(function(){
$("p").append(" <b>Hello world!</b>");
});
});$(document).ready(function(){
$("#app1").click(function(){
$("<b> Hello World!</b>").appendTo("#pp");
});
});
<body>
<p id="pp">I would like to say: </p>
<input type="button" value="點我6" id="app1"/>
</body>
function test5(){
alert($("li:first").text());
}$(document).ready(function(){
$("li:first").css("background-color","#B2E0FF");
});
function test6(){
alert($("input:not(:checked)"));
}$(document).ready(function(){
$(".btn1").click(function(){
$(":checked").hide();
});
});
function test7(){
alert($("tr:eq(1)"));
}13、checked事件
function test8(){
alert($("input[name='newsletter']").attr("checked", true));
}
function test9(){
alert($("div").children(".selected"));
}14、JSP中這樣寫才正確
{param.password1==param.password2}
15、jsp
jsp頁面實際上是servlet
jsp中可以使用request和session
jsp和servlet優缺點
優 方便顯示
jsp
缺 不方便出來業務邏輯
優 方便出來業務邏輯
servlet
缺 不方便顯示
jsp頁面運行原理