近期知识点梳理(前端 jQuery)

1.给整个div块添加超链接

<a href="#"> 
    <div></div> 
</a>

2.DWZ框架,打开新的标签页

navTab.openTab

3.点击按钮控制元素出现与隐藏

给默认隐藏的元素设置display:none; 然后通过jQuery的show()和hide()方法控制元素出现与隐藏,无需移除display:none的样式。

4.奇偶行交错的table css样式 http://t.csdn.cn/9ngZ2

<head>
    <title></title>
    <style type="text/css">
        table
        {
            border-collapse: collapse;
            margin: 0 auto;
            text-align: center;
        }
        table td, table th
        {
            border: 1px solid #cad9ea;
            color: #666;
            height: 30px;
        }
        table thead th
        {
            background-color: #CCE8EB;
            width: 100px;
        }
        table tr:nth-child(odd)
        {
            background: #fff;
        }
        table tr:nth-child(even)
        {
            background: #F5FAFA;
        }
    </style>
</head>
<body>
    <table width="90%" class="table">
        <caption>
            <h2>
                车间能源消耗比例</h2>
        </caption>
        <thead>
            <tr>
                <th>
                    车间
                </th>
                <th>
                    产量
                </th>
                <th>
                    电量
                </th>
                <th>
                    单耗
                </th>
            </tr>
        </thead>
        <tr>
            <td>
                109
            </td>
            <td>
                13
            </td>
            <td>
                1.34
            </td>
            <td>
                213
            </td>
        </tr>
        <tr>
            <td>
                109
            </td>
            <td>
                13
            </td>
            <td>
                1.34
            </td>
            <td>
                213
            </td>
        </tr>
        <tr>
            <td>
                109
            </td>
            <td>
                13
            </td>
            <td>
                1.34
            </td>
            <td>
                213
            </td>
        </tr>
    </table>
</body>
</html>

5.DWZ默认折叠侧边栏 DWZ使用问题解析01

$("#siderbar.toggleCollapse div").click();
//$("#siderbar.toggleCollapse div").trrger("click"); 这个我用了无效

6.HTML原生单选按钮

<input name="Fruit" type="radio" value="" />

设置相同的name实现单选

默认选中 check="true"

可结合<c:if>实现默认选中

<c:forEach items="${userRole}" var="role" varStatus="u">
    <input type="radio" name="userRole" value="${role.id}"
        <c:if test="${userUpdate.get('userRole') eq role.roleName}">checked="checked"</c:if>
        />${role.roleName}
</c:forEach>

7.点击修改按钮显示的文本

$("#btn").text("111");

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值