jquery修改页面样式
2016-07-26 15:13
591 查看
根据class找到段落标志然后添加信息
$(".demo").find("p").empty().append(msg);
附加样式
$("#demo").css('display',"block");
附加样式
$("#demo").addClass('dis');
以滑动方式显示隐藏元素:
$(".demo").removeClass('dis').slideDown();
更换样式
$('#demo').removeClass('dis').addClass('hello world');
给没有id的赋值
$("#demo").next("span").text("呦呦,切割闹");
修改父节点的样式
$("#deliveryUsernumbermsg").addClass('dis');
$("#deliveryUsernumbermsg").parent().removeClass("li_hei");
以及参考
JQuery给textarea取值和赋值
再一个struts2后台校验,前台获取的联合的使用法,结合了ajax
java:
addFieldError("userId", errorMessage);
jsp:
<input type="text" name="userId" id="userId" placeholder="请输入" value="" class="fr col_5 col_6 " />
js:
success :function(msg){
if(msg.result=='true') {
//$("#userId_unhappy").text('');
//$("#userId_unhappy").removeAttr("class");
$("#userId_unhappy").remove();
return "true";
}else{
//获取后台校验返回的错误信息
var fieldErrors = msg.fieldErrors;
for(fieldError in fieldErrors) { //遍历错误信息
var fieldId = $('input[name='+fieldError+']').attr('id');
if($("#"+fieldId+"_unhappy").text()==null || $("#"+fieldId+"_unhappy").text()==""){
$("#"+fieldId).after($("<span></span>").attr("id",fieldId+"_unhappy").addClass("unhappyMessage").text(fieldErrors[fieldError][0]));
}else{
$("#"+fieldId+"_unhappy").text(fieldErrors[fieldError][0]);
}
}
return "false";
}
}
其他更多的用法参考:http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Web布局连载——两栏固定布局(五)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- [div+css]晒晒最新制作专题推广页模板
- 盒子模型
- CSS选择器
- CSS样式优先权
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- [css] line-height 百分比单位和数值单位的区别
- css如何搞正方形
- JavaScript 各种遍历方式详解
- 数组方法汇总
- Apple官网研究之使用Justify布局导航