jsp,jquery学习笔记

最新推荐文章于 2022-06-30 04:13:02 发布

Dorry_x

最新推荐文章于 2022-06-30 04:13:02 发布

阅读量394

点赞数

分类专栏： jquery jsp

jquery jsp 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、在jquery能获取就能设置（对象设置）

[html] view plain copy

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);
}

2、removeArrt用法

[html] view plain copy

function test2(){
$("#picture").removeArrt("src");
}

3、attr用法

[html] view plain copy

function test3(){
alert($("#username").attr("type"));
alert($("#username").attr("type","buton"));
alert($("#username").attr("value"));
}

4、设置字体样式

[html] view plain copy

function test4(){
alert($("#username").css("color");
}

5点击事件

[html] view plain copy

$(document).ready(
function(){
$("#but1").click( function () {
alert("11111");
});
}
);

6、聚焦、失焦事件

[html] view plain copy

$(document).ready(function(){
$("input").focus(function(){
$("input").css("background-color","#FFFFCC");
});
$("input").blur(function(){
$("input").css("background-color","#D6D6FF");
});
});

7、select事件

[html] view plain copy

$(document).ready(function(){
$("input").select(function(){
$("input").after(" Text marked!");
});

8、keypress回车事件

[html] view plain copy

//回车
$(document).ready（
function(){
$('#login').keypress(
function(e){
if(e.keyCode==13){
alert("你点击了回车事件");
}
}
);
});

9、append 事件

[html] view plain copy

$(document).ready(function(){
$("button").click(function(){
$("p").append(" Hello world!");
});
});

[html] view plain copy

$(document).ready(function(){
$("#app1").click(function(){
$(" Hello World!").appendTo("#pp");
});
});
<body>
I would like to say:
<input type="button" value="点我6" id="app1"/>
</body>

10、：first事件

[html] view plain copy

function test5(){
alert($("li:first").text());
}

[html] view plain copy

$(document).ready(function(){
$("li:first").css("background-color","#B2E0FF");
});

11、：checked事件

[html] view plain copy

function test6(){
alert($("input:not(:checked)"));
}

[html] view plain copy

$(document).ready(function(){
$(".btn1").click(function(){
$(":checked").hide();
});
});

12、：eq()事件

[html] view plain copy

function test7(){
alert($("tr:eq(1)"));
}

13、checked事件

[html] view plain copy

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
缺不方便显示

Dorry_x

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jsp,jquery学习笔记

1、在jquery能获取就能设置（对象设置）[html] view plain copyfunction test1() { alert("11"); var username = $("#username")
复制链接

扫一扫

专栏目录