web前端常用操作有哪些

这篇文章主要讲解了“web前端常用操作有哪些”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“web前端常用操作有哪些”吧！

创新互联公司主要业务有网站营销策划、成都网站设计、网站制作、微信公众号开发、微信小程序开发、H5响应式网站、程序开发等业务。一次合作终身朋友，是我们奉行的宗旨；我们不仅仅把客户当客户，还把客户视为我们的合作伙伴，在开展业务的过程中，公司还积累了丰富的行业经验、营销型网站资源和合作伙伴关系资源，并逐渐建立起规范的客户服务和保障体系。 

为岳阳县等地区用户提供了全套网页设计制作服务，及岳阳县网站建设行业解决方案。主营业务为网站制作、成都做网站、岳阳县网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

取消 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全选/全不选/反选

代码如下:

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

代码如下:

感谢各位的阅读，以上就是“web前端常用操作有哪些”的内容了，经过本文的学习后，相信大家对web前端常用操作有哪些这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！