js代码改为jquery该怎么写
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>登录界面</title></head><bo...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录界面</title>
</head>
<body>
<script type="text/javascript">
function check() {
if(document.getElementById("username").value=="") {
alert("没有输入用户名！");
return false;
}
else if(document.getElementById("password").value=="") {
alert("没有输入密码！");
return false;
} else {
alert("登录成功！")
return true;
}
}
</script>
<form name="form1">
<input type="text" id="username">
<input type="password" id="password" >
<input type="submit" onclick="check()">
</form>
</body>
</html> 展开
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录界面</title>
</head>
<body>
<script type="text/javascript">
function check() {
if(document.getElementById("username").value=="") {
alert("没有输入用户名！");
return false;
}
else if(document.getElementById("password").value=="") {
alert("没有输入密码！");
return false;
} else {
alert("登录成功！")
return true;
}
}
</script>
<form name="form1">
<input type="text" id="username">
<input type="password" id="password" >
<input type="submit" onclick="check()">
</form>
</body>
</html> 展开
3个回答
2019-01-17 · 百度知道合伙人官方认证企业
尚学堂科技有限公司
北京尚学堂科技有限公司是一家从事JAVA、大数据、web前端、网络在线教育、互联网架构师、Android、ios技术开发、咨询为一体的软件公司。公司由海外留学人员和国内IT人士创建。
向TA提问
关注
![]()
展开全部
1、查找(创建)jQuery对象：$("selector");
2、调用jQuery对象的方法完成我们需要完成的工作：$("selector").doOurWork();好了，jQuery就是以这种可以说是最简单的编码逻辑来改变javascript编码方式的。这两个步骤是jQuery的编码逻辑核心！
要实现这种简洁编码方式，创建jQuery对象这一环节至关重要。因此，jQuery的dom元素查找能力相当强悍。此外，jQuery对象的方法肯定是有限的，有限的方法满足不了日益增长各有所需的要求，所以，必须提供jQuery对象方法的扩展能力。
强悍的dom元素查找能力，以及随心所欲的方法扩展，这两点正是jQuery的核心所在！来一个简单的示例，来说明jQuery是如何工作的：
<!DOCTYPEhtmlPUBLIC”-//W3C//DTDXHTML1.0
Transitional//EN”””>baidu
$(function(){
$(“a“).click(function(e){//1)查找$(”a”);2)jQuery对象事件click;3)jQuery对象方法hide$(this).hide(“slow“);
returnfalse;
});
});
2、调用jQuery对象的方法完成我们需要完成的工作：$("selector").doOurWork();好了，jQuery就是以这种可以说是最简单的编码逻辑来改变javascript编码方式的。这两个步骤是jQuery的编码逻辑核心！
要实现这种简洁编码方式，创建jQuery对象这一环节至关重要。因此，jQuery的dom元素查找能力相当强悍。此外，jQuery对象的方法肯定是有限的，有限的方法满足不了日益增长各有所需的要求，所以，必须提供jQuery对象方法的扩展能力。
强悍的dom元素查找能力，以及随心所欲的方法扩展，这两点正是jQuery的核心所在！来一个简单的示例，来说明jQuery是如何工作的：
<!DOCTYPEhtmlPUBLIC”-//W3C//DTDXHTML1.0
Transitional//EN”””>baidu
$(function(){
$(“a“).click(function(e){//1)查找$(”a”);2)jQuery对象事件click;3)jQuery对象方法hide$(this).hide(“slow“);
returnfalse;
});
});
追问
你能把我要改的那个代码打出来吗
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-3.2.1.js"></script>
</head>
<body>
<form name="form1">
<input type="text" id="username">
<input type="password" id="password" >
<input type="submit" id="submit">
</form>
</body>
<script type="text/javascript">
$(function(){
$("#submit").click(function(){
if(!$("#username").val()) {
alert("没有输入用户名！");
return false;
}else if(!$("#password").val()) {
alert("没有输入密码！");
return false;
} else {
alert("登录成功！")
return true;
}
});
});
</script>
</html>
追问
可以给我点代码的注释吗 不太懂
追答
$(function(){ //初始化jQuery
$("#submit").click(function(){ //给id为submit的元素绑定click事件
if(!$("#username").val()) {// 如果id为username的值为空
alert("没有输入用户名！");
return false;
}else if(!$("#password").val()) {// 如果id为password的值为空
alert("没有输入密码！");
return false;
} else {
alert("登录成功！")
return true;
}
});
});
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
阅读一下jquery手册和js做对比，相信很快就可以学会使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
