前端总结（一）

来源：互联网发布：淘宝买浴室柜编辑：程序博客网时间：2024/05/17 07:09

工作许久，记录一点笔记，方面日后查阅。

javascript

1.拼接字符串-利用数组

var html = [];html.push("<br/>");html.join("");

2.ajax基本参数

$.ajax({cache: false,dataType: "json",url: webRoot+"...../x.action",data:{"pageNo":pageNo,"pageSize":pageSize,"channelType":channelType},type:"POST",beforeSend: function(){//xxxx.("加载信息中...");},error : function(json){//xxxxx.("加载信息出错了~");},success : function(data){drawTable(data.pageResult);$("#pagination").pagination('updateItems', data.pageResult.pageTotal);}});

3.select下拉框常用方式

//取值$("#sltResponseType1").find("option:selected").val()//循环添加选项$.each(data.xxxList,function(i,m){$("#xxxSlt"+index).append('<option value="'+m.id+'">'+m.title+'</option>');});//$("#xxxSlt"+index).prepend("<option value="-99">无选项数据</option>");

4.radio多选框常用方式

var radioVal = $('input[type="radio"][name="hasUsed"]:checked').val();

5.样式控制

6.事件绑定

//事件$("#webpageText"+index).blur(function(){if(this.value=='') {this.value=DEF_WEBPAGETEXT;this.style.color="#999";}});$("#webpageText"+index).focus(function(){if(this.value==DEF_WEBPAGETEXT){this.value='';}this.style.color="#000";});

其他比较复杂的取值

var keywordsId = $("#dlMenuId").children(".slted").children("[name='hid_keywordsId']").val();

0 0