js模拟jq获取id

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>

  

时间: 2024-12-17 19:12:47

js模拟jq获取id的相关文章

【整理】原生js和jQ获取窗口宽高及滚动条的方法和函数

原生js和jQ获取窗口宽高及滚动条的方法和函数 一.原生js获取 1.实际宽高(不包括工具栏,滚动条的视口高度,ie6.7.8不支持) window.innerHeight window.innerWidth 2.显示屏宽高 screen.height screen.width 3..显示屏宽高(除windows任务栏之外的高度)屏幕可用工作区 screen.avaiHeight screen.availWidth 4.网页可见区域宽高 document.body.clientWidth doc

Js与Jq 获取浏览器和对象值的方法

JS and Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍. 1.Js获取浏览器高度和宽度document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 document.body.clientWidth ==> BODY对象宽度 document.body.cli

js和jq获取父,兄弟,子节点

1,js获取节点: 父: parentNode 获取已知节点的父节点. 子: childNodes; 得到全部子节点 children 得到全部子节点 firstChild 获得第一个子节点 lastChild 获得最后一个子节点 兄弟:previousSibling 获取已知节点的前一个节点 nextSibling 获取已知节点下一个节点 2,jq获取节点: 父: $('#').parent() 获取上一级的父节点. $('#items').parents('.parent1')获取上面哪一级

js,jq获取父,兄弟,子节点整理

js获取节点 父: parentNode 获取已知节点的父节点. 子: childNodes; 得到全部子节点 children 得到全部子节点 firstChild 获得第一个子节点 lastChild 获得最后一个子节点 兄弟:previousSibling 获取已知节点的前一个节点 nextSibling 获取已知节点下一个节点 jq获取节点 父: $('#').parent() 获取上一级的父节点. $('#items').parents('.parent1')获取上面哪一级父节点都可以

原生JS 和 JQ 获取滚动条的高度,以及距离顶部的高度

JQ:相对比较简便 获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : $(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 : $(document).width(); 浏览器当前窗口文档body的高度: $(document.body).height(); 浏览器当前窗口文档body的宽度: $(document.body).width(); 获取滚动条

JS与JQ 获取页面元素值的方法和差异对比

获取浏览器高度和宽度 document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 $(document).width() ==> 浏览器可见区域宽度$(document).height() ==> 浏览器可见区域高度 获取对象的高度和宽度 obj.width = obj.style.width   ==> 获元素内容宽度obj.cl

JS 、JQ 获取宽高总结

小例子-使用JS/JQ获取a标签的href网址

最初的想法只是想要添加一个点击事件就可以跳到设定的窗口. 本身就是把window.location.href = href添加进事件里面就可以解决了.后面自己把自己搞糊涂了. 这里主要是说使用JS和JQ获取a标签的href网址,使用比较简单,基本就是拿来用就可以了. 先看看html部分的代码 <div> <a id="demo" href="https://www.baidu.com"></a> </div> <

使用JS/JQ获取iframe里面的元素

首先实现父级通过iframe访问子级DOM元素有以下几点需要特别注意的 1,需要在服务器的情况下访问,可以使用本地服务器 2,需要使用入口函数(当初被这个坑惨了) 3,这种方法跨域访问不了 >*使用本地服务器 首先建立两个文件分别命名为父级parantN.html和子级Child.html两个html文件,先看看html文件代码. 父级parantN.html <iframe id='myIframe' name="myIrame" src="Child.html