当前位置: 首页 > 前端技术 > 正文

jQuery设计思想之写法——方法函数化

原生

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

JQ改为

$(function(){
  ...
});

原生

innerHTML = 123;

JQ改为

html(123);

原生点击事件

oDIV.onclick = function(){};

JQ改为

$('#div1').click(function(){})

小例子:

邦邦的小站_分享Web前端技术和PHP技术的学习心得!

原生

window.onload = function(){
	var oDiv = document.getElementById('div1');	
	oDiv.onclick = function(){
		alert( this.innerHTML );
	};	
};

JQ改为

$(function(){	
	$('#div1').click(function(){		
		alert( $(this).html() );		
	});	
});

jQuery设计思想之写法——方法函数化:等您来吐槽!

jQuery设计思想之写法——方法函数化:等您坐沙发呢!

发表评论

您必须 [ 登录 ] 才能发表留言!