大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
可以先使用jQuery选择器将p标签选中,然后用html()函数修改p标签内容。
创新互联专业为企业提供右江网站建设、右江做网站、右江网站设计、右江网站制作等企业网站建设、网页设计与制作、右江企业网站模板建站服务,10多年右江做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
1、新建html文档,在body标签中添加一个p标签,标签的id设为“demo”并添加一段文字,然后引入jQuery:
2、添加script标签,使用jQuery选择器$("#demo")将p标签获取,其中#标签选择的类型是id,demo指的是需要获取标签的id,这时网页中的p标签就会被选中:
3、使用html()函数,html()函数在原生js中指的是innerHTML,表示修改内容,这时在html()函数中填写需要修改后的文本即可:
1 看下是不是自己页面缓存问题,刷新页面看看
2 看下你的JS是不是在页面渲染之前执行 就会导致先改变 后来页面渲染又将你前面的数据覆盖 可以将页面当中默认值清空 保证标签为空
!doctypehtml
html
head
metacharset="UTF-8"
metaname="Generator"content="EditPlus®"
metaname="Author"content="zzp"
metaname="Keywords"content=""
metaname="Description"content=""
titleDocument/title
styletype="text/css"
input:focus,textarea:focus{
border:1pxsolid#f00;
background:#fcc;
}
.focus{
border:1pxsolid#f00;
background:#fcc;
}
/style
scripttype="text/javascript"src="js/jquery-1.6.4.min.js"/script
scripttype="text/javascript"
vartemp;
$(function(){
$(":input").focus(function(){//获得焦点
alert(this.id);
alert("获得焦点时的值是:"+(this).val());temp=.trim((this).val());alert(temp);(this).addClass("focus");//添加样式
}).blur(function(){//失去焦点
(this).removeClass("focus");//移除样式alert("失去焦点时的值是:"+(this).val());
varlastValue=.trim((this).val());
if(temp!=lastValuenull!=lastValue""!=lastValue)
{
alert("值改变了!");
}
else{
alert("值没有变!");
}
/***/
});
});
/script
/head
body
formaction="#"method="post"id="reFrom"
fieldset
legend个人信息/legend
div
label名称:/label
inputid="username"type="text"value="admin"
/div
div
label密码:/label
inputid="pass"type="text"value="123456"
/div
div
label性别:/label
inputid="sex"name="sex"type="radio"value="1"checked="checked"男
inputid="sex"name="sex"type="radio"value="2"女
/div
div
label详细信息:/label
inputid="msg"type="text"value="获取值"
/div
/fieldset
/form
/body
/html
扩展资料
change()函数用于为每个匹配元素的change事件绑定处理函数。该函数也可用于触发change事件。此外,你还可以额外传递给事件处理函数一些数据。change事件会在文本内容或选项被更改时触发。该事件仅适用于和以及。
对于text和textarea元素,该事件会在元素失去焦点时发生(文本内容也发生了更改)。可以为同一元素多次调用该函数,从而绑定多个事件处理函数。触发change事件时,jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。要删除通过change()绑定的事件,请使用unbind()函数。该函数属于jQuery对象(实例)。