码迷,mamicode.com
首页 > Web开发 > 详细

jquery常用指令

时间:2019-03-16 09:47:02      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:隐藏   bin   常用指令   isa   绝对定位   样式   tab   table   block   

table中td多行展示:

```css
td {
   word-wrap: break-word;
}
```

div模态框:

 <div id="loading" style="display: none;">
        <div id="loading2">
        </div>
        <img id="loading2img" src="" alt="">
 </div> 
 
   <%--加载模态框样式--%>
        #loading {
            display: none;
            position: fixed;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            z-index: 1010;
            -moz-opacity: 0.8;
            opacity: .80;
            filter: alpha(opacity=80);
            background: rgba(255, 255, 0, 0.4);
        }

        #loading2 {
            position: absolute; /*绝对定位*/
            top: 50%; /* 距顶部50%*/
            left: 50%; /* 距左边50%*/
            height: 200px;
            margin-top: -100px; /*margin-top为height一半的负值*/
            width: 200px;
            margin-left: -100px; /*margin-left为width一半的负值*/
            background: rgba(255, 255, 0, 0.4);

            z-index: 1011;
            overflow: hidden;
        }

        #loading2img {
            position: absolute; /*绝对定位*/
            top: 50%; /* 距顶部50%*/
            left: 50%; /* 距左边50%*/
            height: 200px;
            margin-top: -100px; /*margin-top为height一半的负值*/
            width: 200px;
            margin-left: -100px; /*margin-left为width一半的负值*/
            z-index: 1;
        }
 
    //$("#loading").css("display", "block"); 显示 
    //$("#loading").hide() 隐藏
    
    
     

###绑定点击事件
$(".xxx").bind(‘click‘, function () {}

寻找节点

孩子 .children() 第一个孩子:.children(":first") 最后一个.children(":last")
兄弟 .next()

标签内容:

.text()
包含xx .indexOf("xx")
获取属性 .attr("xx") 设置属性:.attr({"class": "disabled"})
获取html .html()
移除class .removeClass("disabled")

jquery常用指令

标签:隐藏   bin   常用指令   isa   绝对定位   样式   tab   table   block   

原文地址:https://www.cnblogs.com/fly-book/p/10540610.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!