码迷,mamicode.com
首页 > Web开发 > 详细

js模拟jq获取id

时间:2016-09-21 20:08:21      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:

js模拟jq获取id:

(jquery)需要自己添加

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js模拟jq的点击效果</title>
	<style>
		* {margin: 0; padding: 0;}
		#btn {display:block;height: 30px; width: 100px;margin: 100px auto 0;}
	</style>
</head>
<body>
	<button id="btn">点击</button>
	<script>
		(function(){
			function $(targetID) {
				var word = targetID.substring(0,1);
				if (word == ‘#‘) {
					var ID = targetID.replace(/#/g,‘‘);
					var obj = document.getElementById(ID);
					obj.click = function(fn) {
						this.onclick = fn;
					}
					return obj;
				}
			}
			window.jQuery = $;
			window.$ = window.jQuery;
		})();
		$(‘#btn‘).click(function() {
			alert(‘qqq‘);
		});
	</script>
</body>
</html>

  

js模拟jq获取id

标签:

原文地址:http://www.cnblogs.com/handsomehan/p/5893848.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!