从品牌网站建设到网络营销策划,从策略到执行的一站式服务
script type="text/javascript"
主要从事网页设计、PC网站建设(电脑版网站建设)、wap网站建设(手机版网站建设)、成都响应式网站建设、程序开发、微网站、小程序设计等,凭借多年来在互联网的打拼,我们在互联网网站建设行业积累了丰富的网站建设、成都做网站、网络营销经验,集策划、开发、设计、营销、管理等多方位专业化运作于一体,具备承接不同规模与类型的建设项目的能力。
$().ready(function(){
$("#myLabel").hover(function(){
$(this).text("已改");
},
function(){
$(this).text("未改");
});
});
/script
...
label id="myLabel"未改/label
最好是把html函数改用text(),html是替换指定元素内的所有内容,而text()只会替换文字,假如你的myLabel中还设置有span style='color:red'Content/span,那么使用text()函数最为合适
方法和详细的操作步骤如下:
1、第一步,使用hbuilder编辑器创建一个新的html文件,设置一个输入框并将其tpye属性设置为checkbox,将name属性设置为checkbox,并在复制时在顶部设置一个bgred样式,见下图,转到下面的步骤。
2、第二步,执行完上面的操作之后,介绍下面的Jquery库,获取复选框的dom元素,为其单击事件,然后确定是否已选中该复选框,如果已选中,则添加上一步中的css样式集,否则删除该样式
,见下图,转到下面的步骤。
3、第三步,执行完上面的操作之后,进入浏览器,会看到一个复选框,单击以选中,见下图,转到下面的步骤。
4、第四步,执行完上面的操作之后,文字颜色将更改,见下图。这样,就解决了这个问题了。
下面的jquery代码可以实现点击文本框即全选其文字的效果:
$("input:text").click(function(){
$(this).select();
});
示例代码如下
创建Html元素
div class="box"
span单击文本框全选文字:/spanbr
div class="content"
input type="text" value="单击即可全选文字"
/div
/div
简单设一下置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
input[type='text']{width:200px;height:35px;padding:5px 10px;border:1px solid #ff9966;}
编写jquery代码
$(function(){
$(":text").click(function() {
$(this).select();
})
})
观察效果
初始状态
点击文本框之后
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图