分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

jquery常用指令

发布时间:2023-09-06 02:35责任编辑:苏小强关键词:指令

table中td多行展示:

```csstd { ??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常用指令

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved