JQuery常用方法总结

这是写给自己看的总结。

1.iQuery 选择器的使用：

$(".lineresult").not(':first').remove();
//$(".lineresult").not(':first').remove(); //找到对应的class则删除
//$(".lineresult :not(':first')").remove();  找到里面的删除
$("#dno option[value!='-1']").remove();  
var selval=$("#bno").find("option:selected").val();
$("input[name='ssex'][value='"+stu.ssex+"']").attr("checked",true);  ///radio选择，搞了很久。
$("#smid option[value='"+stu.smid+"']").attr("selected",true);

2.提示信息：

function showinfo(msg) {
        $("#info").css("display", "block");
        $("#info").css("color", "#F00");
        $("#info").text(msg);
        $("#info").hide(3000);
    }

3.操作 select标签

$("#bno").change(function(){
		
		var selval=$("#bno").find("option:selected").val();
		$("#dno option[value!='-1']").remove();  
		for(var i=0;i<buildings.length;i++){
			var bd=buildings[i];
			if(bd.bno==selval){
				for(var j=1;j<=bd.bhomenum;j++){
					$("#dno").append("<option value='"+j+"'>"+selval+"#"+padLeft(j,2) +"</option>");
				}
				
			}
		}
	});

<select id="bno" class="cs1">
    <option value="-1">(请选择公寓楼)</option>
</select>
<select id="dno" name="dno" size="1" class="cs1 select">
    <option value="-1"  selected>(宿舍号)</option>
</select>

4.动态生成div，并且为button动态添加 函数与 参数 *****

function addResult(stu){
	var sno=stu.sno+"";
	var line=$("<div class='lineresult'></div>");
	var td;
	td=$("<div class='result'></div>");
	td.text(sno);
	line.html(td);
	td=$("<div class='result'></div>");
	td.text(stu.sname);
	line.append(td);
	
	$("#searchResult").append(line);
	//" 解决了遇到的难题。
	
	//下面这个还解决了防止把字符串传成数字丢掉前面的0
	td=$("<div class='result'><input type='button' class='.button' value='  查 看  ' οnclick='lookstu(""+sno+"")' /></div>");
	line.append(td);
	$("#searchResult").append(line);
	
	td=$("<div class='result'><a href='../student/modifystudent.aspx?sno="+sno+"' target='_blank'>修改</a></div>");
	line.append(td);
	$("#searchResult").append(line);
	
	td=$("<div class='result'><input type='button' class='.button' value='  删 除  ' οnclick='delstu(""+sno+"",this)' /></div>");
	line.append(td);
	$("#searchResult").append(line);

	line.append(td);
	$("#searchResult").append(line);
}

5.选择radio

注：下面的代码为每个radio添加onclick事件

$(document).ready(function(){
	$(".lg_type_radio").each(function(index) {
        $(this).click(function(){
			$(this).attr("checked",true);
			//var type=$(this).val(); //也可以
			var type=$("input[name='lg_type']:checked").val();//.eq(0)
			$("#form_login").css("background-image","url(cite/img/login/login_"+type+".jpg)");
		});
	});
});

6.一些事件

$(document).ready(function (e) {});
$(window).scroll(function (e) {});
$("#bno").change(function(){});

转载请标明出处