栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS

web前端常用操作整理(含JS/HTML/CSS等方面知识)

Html/CSS 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

web前端常用操作整理(含JS/HTML/CSS等方面知识)

取消 ul li 前面的图标 1
清空Value值 1
设置Value值 1
清空标签中间值 1
设置标签中间值 1
区分html()、text()、val()。 1
设置标签为可编辑状态 1
设置标签为不可编辑状态 1
两个Ajax,一个A,一个B,B要在A执行完毕之后执行 2
时间间隔,只执行一次,在指定的毫秒数后调用函数或计算表达式 2
时间间隔,执行多次,每隔指定毫秒数后调用函数或计算表达式 2
jQuery全选/全不选/反选 2
Select-Optin项 3
让DIV一直固定在屏幕的某个位置 4

取消 ul li 前面的图标

复制代码代码如下:
ul
{
list-style-type:none;
}

清空Value值

复制代码代码如下:
$("#city").val("");

设置Value值

复制代码代码如下:
$("#city").val("北京");

清空标签中间值

复制代码代码如下:
$("#ML1").html("");

设置标签中间值

复制代码代码如下:
$("#ML1").html("北京");

当对某个标签再次加载值时,常要先清除原有值
区分html()、text()、val()。

复制代码代码如下:
ccc
text()输出标签中间的内容:1234。
val()输出value属性的值:bbb。
html()输出整段html:ccc。
val()的写法针对jQuery

设置标签为可编辑状态

复制代码代码如下:
$("input").removeAttr("readonly"); //所有input标签可编辑
$("textarea").removeAttr("readonly"); //所有textarea(部门简介)标签可编辑
$("input:button").removeAttr("disabled"); //所有button(左右框移动)标签不可编辑

设置标签为不可编辑状态

复制代码代码如下:
$("input").attr("readonly", "readonly"); //所有input标签不可编辑
$("textarea").attr("readonly", "readonly"); //所有textarea(部门简介)标签不可编辑
$("input:button").attr("disabled", "disabled"); //所有button(左右框移动)标签不可编辑

两个Ajax,一个A,一个B,B要在A执行完毕之后执行
由于Ajax是异步加载,各个Ajax几乎同时执行互不干扰,但有时我们要的效果是一个Ajax的请求要从另一个Ajax的返回值中取值,此时,就会发生这种情况,解决方案有三个:
1、 在名为A的Ajax的CallBack中写名为B的Ajax请求;
2、 写一个时间间隔函数,监听A的执行,当A执行完毕之后,调用B;
3、 将Ajax的async设置为false,但这样又通常要求全部都设置为false。

时间延迟,只执行一次,在指定的毫秒数后调用函数或计算表达式

复制代码代码如下:
Var st o= setTimeout(到点要执行的函数或表达式,延迟的毫秒单位时间);
window. clearTimeout(sto)使其失效,取消周期执行

时间间隔,执行多次,每隔指定毫秒数后调用函数或计算表达式

复制代码代码如下:
varstv= setInterval ("alert('间隔3000ms弹出一次!')",3000);
window.clearInterval(stv)使其失效,取消周期执行

jQuery全选/全不选/反选

复制代码代码如下:


全选,不全选,反选





值1

值2

值3

值4







Select-Optin项











让DIV一直固定在屏幕的某个位置

复制代码代码如下:




#low_right
{
position: fixed;
width: 90px;
height: 90px;
background: #eee;
bottom: 40px;
right: 20px;
background-color: #DCFCE9;
border: 8px double #06F867;
text-align: center;
padding: 10px;
margin: 10px;
}





右下角



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/217931.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号