jquery 库与原生javascript 常用方法

最新推荐文章于 2022-01-23 07:00:00 发布

iteye_20151

最新推荐文章于 2022-01-23 07:00:00 发布

阅读量141

点赞数

分类专栏： jquery 文章标签： jquery js ViewUI

本文链接：https://blog.csdn.net/iteye_20151/article/details/82566790

版权

jquery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

[color=blue][size=medium][b]jquery:[/b][url]http://www.w3school.com.cn/jquery/[/url][/size][/color]


$(":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);
	}
});

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


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

[color=red]1.1 remove()与 empty()的区别[/color]


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

[color=red]1.2 remove()与 empty()的区别[/color]


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

[color=red]注意：没有parseDouble(变量)这种类型转换[/color]

[color=red]1.3 jquery全选，全不选问题。第一次好用，第二次失效不知为何？[/color]


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

[color=red]jquery中attr和prop的区别分析:[url]http://www.jb51.net/article/62308.htm[/url][/color]

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

[color=blue][size=medium]jquery ajax请求同步设置[/size][/color]


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("");
			}

[color=blue][size=medium]jquery ajax模板[/size][/color]


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

[color=blue][size=medium][b]js:[/b][/size][/color]


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

[b][size=medium][color=blue]JS 数据类型转换 [/color][/size][/b]
[url]http://www.cnblogs.com/446557021/archive/2011/10/13/2211043.html[/url]

[color=blue][size=medium][b]js如何获取兄弟、父类等节点
[/b][/size][/color]


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);//页面内跳转到锚点

[color=blue]JS打开新窗口的2种方式，需要的朋友可以参考一下[/color]

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");                 //在另外新建窗口中打开窗口

[size=medium][color=red]js数组循环IE内核与其他内核浏览器实现区别[/color][/size]
[color=blue]第一种几乎所有浏览器都支持（包括IE）[/color]


for(var b=0;b<categ_list.length;b++)
{
	var e=categ_list[b];
	if(e.categ_id==categ.categ_id){flag=false;}
}

[color=blue]第二种几乎所有浏览器都支持（IE不支持）[/color]


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); //提交按钮不可用  
}

[color=blue]jquery.cookie用法详细解析：[/color]
参考地址：[url]http://www.jb51.net/article/44557.htm[/url]


//原生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。