js学习小总结



去掉字符串起始和结尾的空格。
$.trim(" hello, how are you? ");
所有图片的数量。.length .size()返回对象元素的个数。
$("img").length;
$("img").size();
//设置多个对象长度，
function setinput(){

var _obj="";

_obj=form1.all.tags("INPUT");

for(var i=0;i<_obj.length;i++){

if(_obj[i].type=="text"){

_obj[i].className="input5";

_obj[i].size="24";

}

}

var _obj1=form1.all.tags("SELECT");

for(var j=0;j<_obj1.length;j++){

_obj1[j].style.width="150";

}

}

//设置多个对象不可用

function setModify(){

var _obj="";

_obj=form1.all.tags("INPUT");

for(var i=0;i<_obj.length;i++){

if(_obj[i].type=="text"){

_obj[i].disabled=true;

}

}

var _obj1=form1.all.tags("SELECT");

for(var j=0;j<_obj1.length;j++){

_obj1[j].disabled=true;

}

var _obj2=form1.all.tags("TEXTAREA");

for(var j=0;j<_obj2.length;j++){

_obj2[j].disabled=true;

}

}

//select 选择定位 以及值的确定
var obj = yj.$("condole_thing"); //定位id

var index = obj.selectedIndex; // 选中索引

var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; //选中的值
$("condole_thing").find("option:selected").text()

// 定义数组 并给他赋值

var rtnn = new Array();

rtnn=rtn.split("&@&");

// 给定id的table 某个字段赋值

$("#ghv_condole_festival_cb tr:eq("+rid_fxsqd+") td[name$='staff_name'] input").val(rtnn[2]);
$("#ghv_condole_festival_cb tr:eq("+rid_fxsqd+") td[name$='child_name'] div").text(rtnn[3]);

// table 数据的封装

function getTableData() {

var table_data = "[";

var data1 = "";

for (var i = 0; i <ghv_condole_festival_cb.rows.length; i++) {

if($("#ghv_condole_festival_cb tr:eq("+i+") td[name$='staff_name'] input").val()!=null && $("#ghv_condole_festival_cb tr:eq("+i+") td[name$='staff_name'] input").val()!="")

{

data1 = "{";

data1 += "\"staff_name\":\""+yj.str.trim($("#ghv_condole_festival_cb tr:eq("+i+") td[name$='staff_name'] input").val())+"\",";

data1 += "\"staff_hy_id\":\""+yj.str.trim($("#ghv_condole_festival_cb tr:eq("+i+") td[name$='staff_hy_id'] div").text())+"\",";

data1 += "\"serial_no\":\""+(i+1)+"\",";

// data1 += "\"vou_id\":\""+yj.$("id_key").value+"\",";

data1 += "},";

table_data += data1;

}

}

if (table_data != "") {
table_data = table_data.substring(0, table_data.lastIndexOf(","))+"]";
return table_data;
}
return "";
}

//得到table的行数
ghv_condole_festival_cb.rows.length

//得到table的行号
obj.rowIndex;

//添加css属性
$("p").css("background-color","red");

//某个对象隐藏

$(yj.$("move_date")).parent().prev().hide();

//对象后面加字体

$(yj.$("nativeplace")).parent().append($("<span style='color:red'> *</span>"));

:input 选择器选取表单元素。
$(":input").css("background-color","#B2E0FF");

获取最后个元素

$("input[name='homeMember.homeName']:last");

$("input[name='number']").each(function(){

alert(jQuery(this).val());

});

//attr添加多个属性
$("#w3s").attr({ "href" : "http://www.w3school.com.cn/jquery", "title" : "W3School jQuery Tutorial" });

//标签的属性称作元素属性，在JS里对应的DOM对象的对应属性叫DOM属性。JS里的DOM属性名有时和原元素属性名不同。

//==================================操作元素属性==================================

//返回元素指定属性值

var txt1_val=$("#txt1").attr("value");

//通过元素的DOM属性名更改DOM属性值

$("#txt1").attr({ value : "txt1_value" , className : "txt1_class" });

//通过指定元素属性改变元素属性值

$("#txt1").attr("class","txt1_class2");

//给指定元素属性赋值，通过后面捆绑的方法返回值

$("#txt1").attr("class",function(){

return "txt1_class3";

})

//移除指定的元素属性

$("#txt1").removeAttr("class");

//==================================修改CSS类==================================

//给CSS类即class元素属性添加一个属性值，可以添加多个之间用空格分开以下的对CSS类操作函数同样可以填入多个CSS类

$("#txt1").addClass("txt1_class txt1_class2");

//判断是否已有该CSS类，返回真假

$("#txt1").hasClass("txt1_class txt1_class2");

//移除指定CSS类，用空格分开，如无指定则删除该元素所有CSS类

$("#txt1").removeClass("txt1_class");

//判断是否有这个CSS类，有就删除，没有就添加

$("#txt1").toggleClass("txt1_class");

//根据后面的返回真则添加此CSS类，假则删除此CSS类

$("#txt1").toggleClass("txt1_class",false);

//==================================修改CSS属性==================================

//返回指定CSS样式值

$("#txt1").css("color");

//一次赋多个样式

$("#txt1").css({color:"#ff0011",background:"blue"});

//一次赋一个指定的样式

$("#txt1").css("color","black");

//==================================宽和高相关==================================

//设置元素的高度，无值则返回该元素的高度单位像素

$("#txt1").height(25);

//设置元素的宽度，无值则返回该元素的宽度

$("#txt1").width(150);

//获取元素的内部高度，不包括边框

$("#txt1").innerHeight();

//获取元素内部宽度，不包括变宽

$("#txt1").innerWidth();

//获取元素外部高度，包括边框

$("#txt1").outerHeight();

//获取元素外部宽度，包括边框

$("#txt1").outerWidth();

//==================================位置相关==================================

//获取元素相对窗口的偏移位置，返回两个值，一个top值，一个left值

var txt1_offset=$("#txt1").offset();

var top=txt1_offset.top;

var left=txt1_offset.left;

//返回相对父元素的相对偏移位置，返回两个值一个top，一个left

var txt1_position=$("#txt1").position();

var top=txt1_position.top;

var left=txt1_position.left;

//针对的元素具有垂直滚动条，设置从总体内容向下的第20行像素开始，显示在滚动条可视窗口内上方顶端

//如无参数，则返回当前滚动条可视窗口上方顶点位置，距离整体内容上方顶点的距离

$("#div_outer").scrollTop(20);

//针对的元素具有横向滚动条，设置从总体内容左侧的第20列像素开始，显示在滚动条可视窗口内左端顶点

//如无参数，则返回当前滚动条可视窗口左端顶点位置，距离整体内容左端顶点的距离

$("#div_outer").scrollLeft(20);

eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。
var json=eval("("+info+")");
json["table"]="ghv_member_query3";
中文当参数时的转码 第一个页面
encodeURI(encodeURI(type_name))
接受页面
var type_name = decodeURI("<%=request.getParameter("type_name")%>");

$("#tabAll3").html("<table id='ghv_member_query3' class='ghv_member_query3'></table>");
var json=eval("("+info+")");
json["table"]="ghv_member_query3";