jquery常用指令

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")

获取name为score的input的值: $("input[name='score']").val(); 或 $("[name='score']").val();
id模糊匹配:以xx开头的div: \(("div[id^=xx]") 以xx结尾的div:\)("div[id$=xx]")

posted @ 2019-03-16 08:46  fly_bk  阅读(287)  评论(0编辑  收藏  举报