jQuery的dom操作

最新推荐文章于 2024-07-30 23:43:41 发布

JzzQzzzY

最新推荐文章于 2024-07-30 23:43:41 发布

阅读量133

点赞数 1

分类专栏： dom 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/JzzQzzzY/article/details/107949004

版权

1 篇文章

订阅专栏

本文深入讲解了使用jQuery进行DOM元素的插入、删除、替换及复制等操作的方法，包括内部和外部插入、头部和末尾插入，以及如何通过before、after、replaceWith和replaceAll等函数实现元素的精确控制。同时介绍了如何利用jQuery获取和设置元素的内容、属性和值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

			$('.box').append($('<h1>你好</h1>'));
			$('body').append($('<h1>你好</h1>'));
			$('<h1>你好</h1>').appendTo('.box');

			$('.box').prepend($('<h1>你好</h1>'));

-内容HTML和TEXT

			var x=$('h1').text();
			var x=$('h1').html();

   			$('input[type=password]').val('abcdefg' );

			console.log($('.box').is('div'));

			$('h1').before('<p>今天</p>');
			$('<p>今天</p>').insertBefore('h1');

			$('h1').after('<p>今天</p>');
			$('<p>今天</p>').insertAfter('h1');

			$('h1').remove();

			var x=$('h1').detach();
			console.log(x);

			$('.box').empty();

			$('h1').replaceWith('<h1>hello world</h1>');

			$('<h1>hello world</h1>').replaceAll($('h1'));

			var a=$('h1').clone();
			$('.box').append(a);

			$('p').wrap('<font color="red"></font>')

			var a=$('p').wrapAll($('<font color="red"></font>'))

			$('h1').unwrap();

			$('p').wrapInner($('<font color="red"></font>'));