jquery方法1

最新推荐文章于 2023-03-16 15:27:10 发布

csq2804106929

最新推荐文章于 2023-03-16 15:27:10 发布

阅读量240

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/csq2804106929/article/details/49761399

版权

jquery 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="jquery-2.1.4.js"></script>
	<script>
	/*jquery里面的一些方法
	1.get(0)
	2.outerWidth()和offsetWidth一样获取对象width，但是它能获取display：none元素的宽度而offsetWidth不行
	3.text()设置或者获取标签文本内容
	4.remove()删除标签对象以及对应的事件，detach()只删标签对象
	*/
	$(function(){
		// alert($('.div1').html());//获取文本和标签
		// alert($('.div1').get(0).innerHTML);//get(0)把jquery转为原生js
		// alert($('.div1').get(0).offsetWidth);//js里的offsetWidth，获取对象width
		// alert($('.div1').outerWidth());//jquery里的outerWidth()，获取对象width
		// alert($('.div1').text());
		var odiv=$('.div1');
		odiv.click(function(){
			alert('csq');
		})
		// var obj=$('.div1').remove();
		// $('body').append('obj');
		var obj=$('.div1').detach();
		$('body').append(obj);
	})
	</script>
	<!-- <style>
	.div1{
		width: 200px;
		height: 200px;
		background: red;
	}
	</style>-->
</head>
<body>
<div class="div1">div1</div>
</body>
</html>