10.23工作总结（list集合取大小，jquery中的一些操作，点击一个部分显示或者隐藏下方内容）

最新推荐文章于 2023-04-10 11:00:47 发布

mjx715813

最新推荐文章于 2023-04-10 11:00:47 发布

阅读量731

点赞数

分类专栏：工作总结 Javaweb

本文链接：https://blog.csdn.net/mjx715813/article/details/102694670

版权

工作总结同时被 2 个专栏收录

36 篇文章 0 订阅

订阅专栏

Javaweb

22 篇文章 0 订阅

订阅专栏

1. list集合取大小？

在controller层取大小为：list.size()；
在js中获取分页的list数据集合则选用：list.length；因为这个list是在一个实体类里面，是一个属性值，一个成员变量。

2. 在页面标签进行拼接时，若没有值采用“–”代替

"<td>" + (obj.realname=="null"?"--":obj.realname) + "</td>" +

3. jquery中的一些操作

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
attr()-设置或者返回属性值
find()-获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

获取

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    alert("Text: " + $("#test").text());
  });
  $("#btn2").click(function(){
    alert("HTML: " + $("#test").html());
  });
});
</script>
</head>

<body>
<p id="test">这是段落中的<b>粗体</b>文本。</p>
<button id="btn1">显示文本</button>
<button id="btn2">显示 HTML</button>
</body>

</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    alert($("#w3s").attr("href"));
  });
});
</script>
</head>

<body>
<p><a href="http://www.w3school.com.cn" id="w3s">W3School.com.cn</a></p>
<button>显示 href 值</button>
</body>

</html>

在这里插入图片描述

设置

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("#test1").text("Hello world!");
  });
  $("#btn2").click(function(){
    $("#test2").html("<b>Hello world!</b>");
  });
  $("#btn3").click(function(){
    $("#test3").val("Dolly Duck");
  });
});
</script>
</head>

<body>
<p id="test1">这是段落。</p>
<p id="test2">这是另一个段落。</p>
<p>Input field: <input type="text" id="test3" value="Mickey Mouse"></p>
<button id="btn1">设置文本</button>
<button id="btn2">设置 HTML</button>
<button id="btn3">设置值</button>
</body>
</html>

在这里插入图片描述

<p><a href="http://www.w3school.com.cn" id="w3s">W3School.com.cn</a></p>

  $("#w3s").attr("href","http://www.w3school.com.cn/jquery");

搜索所有段落中的后代 span 元素，并将其颜色设置为红色：
$(“p”).find(“span”).css(‘color’,‘red’);

$("#optype").find(“option[value = '”+obj.optype+"’]").attr(“selected”,“selected”);

4.后端返回的数据是一个list集合，里面是map时，它在前端显示是一个json字符串，需要转换为json对象。

方式一：

 success : function(result){
          var list = eval(result.data);

方式二：

  var obj = JSON.parse(result.data);

5. 关于<%=bmsxbm%>的解析

需要在jsp开头部分进行定义，这种request是之前调用这个页面时传过来的参数，可以拼接在 .jsp后面如 /bszn.jsp?bmsxbm=’ + bmsxbm(常量值）
<%
String bmsxbm = request.getParameter(“bmsxbm”);
String servid = request.getParameter(“servid”);
String servcatid = request.getParameter(“servcatid”);
%>

bmsxbm 代表全局变量名，当取值时可以通过<%=bmsxbm%>来作为常量了

6. 如何点击一个部分显示或者隐藏下方内容

    <li onclick="openSxcl()">
                <a >
                    <i class="left-icon material-icon"></i> 申请材料 <i class="down-icon" id="i2"></i>
                </a>
     </li>
     <div id="div2" style="display: none" >
              
     </div>

function openSxcl() {
 if($("#i2").hasClass("up-icon")){
                $("#div2").css('display','none');
                $('#div2').hide();
                $("#i2").removeClass("up-icon");
                $("#i2").addClass("down-icon");
            }else if($("#i2").hasClass("down-icon")){
                $("#div2").css('display','block');
                $('#div2').show();
                $("#i2").removeClass("down-icon");
                $("#i2").addClass("up-icon");
            }
  }

mjx715813

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
10.23工作总结（list集合取大小，jquery中的一些操作，点击一个部分显示或者隐藏下方内容）

1. list集合取大小？在controller层取大小为：list.size()；在js中获取分页的list数据集合则选用：list.length；因为这个list是在一个实体类里面，是一个属性值，一个成员变量。2. 在页面标签进行拼接时，若没有值采用“–”代替"<td>" + (obj.realname=="null"?"--":obj.realname) + "</...
复制链接

扫一扫

专栏目录