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("
姚明退役了...
"); //追加文本信息
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);
	}
});

$('#agree').is(':checked')//用于判断 单选框or复选框是否选中

$.trim(sString);
jQuery.trim( str )
str	String类型需要去除两端空白字符的字符串。
如果参数str不是字符串类型，该函数将自动将其转为字符串(一般调用其toString()方法)。如果参数str为null或undefined，则返回空字符串("")。
返回值：
jQuery.trim()函数的返回值为String类型，返回去除两端空白字符串后的字符串。

1.1 remove()与 empty()的区别

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

1.2 remove()与 empty()的区别

parseInt(变量): 转为整数，不考虑小数位；
parseFloat(变量):转为带精度的数字；

注意：没有parseDouble(变量)这种类型转换

1.3 jquery全选，全不选问题。第一次好用，第二次失效不知为何？

$(this).attr('checked',false);
//改为
$(this).prop('checked',false);
$(this).prop('checked',true);
/*
• 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 
• 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
*/

jquery中attr和prop的区别分析:http://www.jb51.net/article/62308.htm

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.超链接Welcome
等效于js代码
window.location.href="http://www.jb51.net";     //在同当前窗口中打开窗口
 
2.超链接Welcome
等效于js代码
window.open("http://www.jb51.net");                 //在另外新建窗口中打开窗口

js数组循环IE内核与其他内核浏览器实现区别
第一种几乎所有浏览器都支持（包括IE）

for(var b=0;b 
 
 
 第二种几乎所有浏览器都支持（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); //提交按钮不可用  
}
 
 
 
 
 
 
 
 jquery.cookie用法详细解析： 
 
参考地址： http://www.jb51.net/article/44557.htm 
 
 
 
//原生js实现
function SetCookie(usern,psw){ 
		var Then = new Date();  
		Then.setTime(Then.getTime() + 1866240000000);  
		document.cookie ="username=" + usern + "%%"+psw+";expires="+ Then.toGMTString() ; 
		} 
		function GetCookie(){  
		var nmpsd; 
		var nm; 
		var psd; 
		var cookieString = new String(document.cookie);
		var cookieHeader = "username=" ;
		var beginPosition = cookieString.indexOf(cookieHeader);
		cookieString = cookieString.substring(beginPosition); 
		var ends=cookieString.indexOf(";"); 
		if (ends!=-1){ 
		   cookieString = cookieString.substring(0,ends); 
		} 
		if (beginPosition>-1){ 
		   nmpsd = cookieString.substring(cookieHeader.length); 
		   if (nmpsd!=""){ 
		    beginPosition = nmpsd.indexOf("%%"); 
		    nm=nmpsd.substring(0,beginPosition); 
		    psd=nmpsd.substring(beginPosition+2); 
		    document.getElementById('username').value=nm; 
		    document.getElementById('password').value=psd; 
		    if(nm!="" && psd!=""){ 
		     document.getElementById('remembering').checked = true; 
		    } 
		   }  
		} 
		}

  window.onload = function(e) {
	GetCookie();
  }

//jquery 实现
function saveCookie() {
			if ($("#saveid").attr("checked")) {
				$.cookie('loginname', $("#loginname").val(), {
					expires : 7
				});
				$.cookie('password', $("#password").val(), {
					expires : 7
				});
			}
		}

jQuery(function() {
			var loginname = $.cookie('loginname');
			var password = $.cookie('password');
			if (typeof(loginname) != "undefined"
					&& typeof(password) != "undefined") {
				$("#loginname").val(loginname);
				$("#password").val(password);
				$("#saveid").attr("checked", true);
				$("#code").focus();
			}
		});
 
 
 
 
 
 
javascript除法如何取整  
Math.round(x) 四舍五入，如Math.round(0.60)，结果为1；Math.round(0.49)，结果为0；  
Math.floor(x) 向下舍入，如Math.floor(0.60)与Math.floor(0.49)，结果均为0；  
Math.ceil(x)向上舍入，如Math.ceil(0.60)与Math.ceil(0. 49)，结果均为1。 
 
 
 
  
 
   
jQueryAPI-100214.rar (218.5 KB)
 
   
下载次数: 1