jquery 库与原生javascript 常用方法

jquery:http://www.w3school.com.cn/jquery/
$(":button").attr("disabled","disabled");//设置所有的button不可用  
$(":button").removeAttr("disabled");//去掉button的disabled属性,使button可用  
$("#all_big").removeClass("all_big");
$("#all_big").addClass("all_big");
$("#divQQbox").hide();
$("#divQQbox").show();
$("#show_img").hide(1000, "");
$("#img_pos").html(content);
$(document).ready(function() {});
$("#content").append("<p>姚明退役了...</p>"); //追加文本信息
val2 = $.trim(val2+val);//去除首尾空格
var barcode = obj.value.replace(/\s+/g,"")//除去文本中所有的空格
var data = $("form").serialize();//将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。用于表单异步提交

获取浏览器显示区域的高度 : $(window).height(); 
获取浏览器显示区域的宽度 :$(window).width(); 
获取页面的文档高度 :$(document).height(); 
获取页面的文档宽度 :$(document).width();

获取滚动条到顶部的垂直高度 :$(document).scrollTop(); 
获取滚动条到左边的垂直宽度 :$(document).scrollLeft(); 

$(obj).focus();//获得焦点
// 监听键盘事件
$("#zfmm_input").keydown(function(event){
	if(event.keyCode==13){
		setjymm(flag_str);
	}
});


1.1remove()与 empty()的区别
empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中所占的位置。
remove([expr])则是把其从dom中删除,而不会保留其所占的位置。


jquery 元素控制(追加元素/追加内容)介绍及应用
http://www.jb51.net/article/35845.htm
jQuery中的toggle方法
http://www.2cto.com/kf/201202/119458.html

jquery ajax请求同步设置
var result = false;
			// 设置同步
			$.ajaxSetup({
				async: false
			});
			var param = {
				xu_email: values
			};
			$.post("./web/checkLoginid.do", param, function(data){
				result = (1 == data);
			});
			// 恢复异步
			$.ajaxSetup({
				async: true
			});
			if (result) {
				$("#" + err_id).html("");
			}



jquery ajax模板

$.ajax({
			url: "test.do",
			type: "post",
			data: param,//最好使用json对象
			dataType:'json',
			success: function(data){
			     /*var obj = jQuery.parseJSON(msg); 将json字符串转换成json对象*/
			}
		});



js:
document.getElementById("tr1") //得到元素对象
Object.innerHTML //得到某元素的文本内容
Object.innerHTML=HTML //给元素赋值
Object.getAttribute("属性名") //得到元素的属性值
Object.setAttribute(name,value)//给元素的属性赋值
document.getElementById("result").value="100";//给input赋值


JS 数据类型转换
http://www.cnblogs.com/446557021/archive/2011/10/13/2211043.html

js如何获取兄弟、父类等节点

var chils= s.childNodes; //得到s的全部子节点 

var par=s.parentNode; //得到s的父节点 

var ns=s.nextSbiling; //获得s的下一个兄弟节点 

var ps=s.previousSbiling; //得到s的上一个兄弟节点 

var fc=s.firstChild; //获得s的第一个子节点 

var lc=s.lastChile; //获得s的最后一个子节点 

javascript:document.getElementById('元素id').scrollIntoView(true);//页面内跳转到锚点


JS打开新窗口的2种方式,需要的朋友可以参考一下
1.超链接<a href="http://www.jb51.net" title="脚本之家">Welcome</a>
等效于js代码
window.location.href="http://www.jb51.net";     //在同当前窗口中打开窗口
 
2.超链接<a href="http://www.jb51.net" title="脚本之家" target="_blank">Welcome</a>
等效于js代码
window.open("http://www.jb51.net");                 //在另外新建窗口中打开窗口


js数组循环IE内核与其他内核浏览器实现区别
第一种几乎所有浏览器都支持(包括IE)
for(var b=0;b<categ_list.length;b++)
{
	var e=categ_list[b];
	if(e.categ_id==categ.categ_id){flag=false;}
}

第二种几乎所有浏览器都支持(IE不支持)
categ_list.forEach(function(e){ 
	if(e.categ_id==categ.categ_id){flag=false;}
});


$("input").attr("disabled",true) 按钮不可用               
$("input").attr("disabled",false)按钮可用

结合对checkbox的判断代码如下

if($("#ipt_checked").attr("checked")==true){   //当用户同意"协议"的时候,可以提交  
$("input").attr("disabled",false);    //提交按钮可用  
}else{  
$("input").attr("disabled",true); //提交按钮不可用  
}

你可能感兴趣的:(js,jquery)