jquery实例

最新推荐文章于 2022-08-04 09:55:06 发布

javayang2010

最新推荐文章于 2022-08-04 09:55:06 发布

阅读量803

点赞数

文章标签： jquery function button stylesheet input html

本文链接：https://blog.csdn.net/javayang2010/article/details/6516056

版权

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>

    //查找personlist底下的li标签，并循环显示其内容
$("#personlist").find("li").each(function(i) {
  //alert($(this).html());
  $(this).html( " 牛人 " + i+"号："+ $(this).html() );
});
    //预加载清空事件（给按钮注册onclick事件）
$("#resbutton").click(function() {
  $("#userform")[0].reset();
});

$("#sumbutton").click(function() {
  var val1=$("#num1").val();
  var val2=$("#num2").val();
  //alert("num1的值是："+num1);
  //alert("num2的值是："+num2);
  //第一个参数请求的地址第二个参数是参数集合以大括号的形式存在
  //在大括号里面，存放的是键值对
  $.get("getresult.jsp", { num1: val1, num2: val2},
      function(data){
        //alert("Data Loaded: " + data);
        $("#sumid").html("运算的总和是:"+data);
    });
    });

        //text函数，用来去标签中的文本值
    $("#showptext").click(
        function(){
                  var ptext=$("p").text();
                  alert(ptext);
         }
    );

       //隐藏函数的调用
    $("#hideid").click(
         function(){
          $("#showorhide").hide();
      }
     );
    $("#showid").click(
         function(){
          $("#showorhide").show();
      }
     );

/*$(document).ready(function() {
  $("li").not("[ul]").css("border", "1px solid black").css("color","red");
});*/

});

/*清空表单元素*/
function resForm(){
document.userform.reset();
}

</script>
</head>
<body>
hello world~
<a href="#">Link</a>
<a href="#">Link1</a>
<a href="#">Link2</a>

<div id="testfont">
面朝大海春暖花开
</div>

<ul>
<li>刘德华1</li>
<li>郭富城</li>
<li>黎明</li>
<li>张学友</li>
</ul>

</div>
<li>刘德华2</li>
<li>郭富城2</li>
<li>黎明22</li>
<li>张学友2</li>
<form action="getresult.jsp" name="userform" id="userform" method="post">
name:<input type="text" id="username" name="username"/>