十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章主要讲解了“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前端常用操作有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!