前端技巧精粹-优快云博客

本文介绍了前端开发中的几个实用技巧，包括使用CSS实现表格隔行换色、jQuery的基础使用方法及如何通过JavaScript处理checkbox的选择问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.table 隔行换色  table tbody tr{
     background-color: expression(this.sourceIndex%2==0?'#ffffff':'#f5f7f8');
   }

2. jquery 基本语法：

$(document).ready(function(){//防止文档在完全加载（就绪）之前运行 jQuery 代码。

　 $("p").click(function(){
   　　$(this).hide();
   });

   $("#modify").click(function(){
    alert("******");
   });

  });
</script>
</head>
<body>
   <input type="button" value=" 修改 " id="modify">
   <p>If you click on me, I will disappear.</p>
</body>
</html>

3.选中checkbox

4.js中获取request.getContentPath();

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

在单独的javascript中不能使用<%= basePath%>类似这样的java script所以，只能用javascript来获取此context path.
可以用下面的代码来实现。

var localObj = window.location;

var contextPath = localObj.pathname.split("/")[1];

var basePath = localObj.protocol+"//"+localObj.host+"/"+contextPath;

var server_context=basePath;