欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery 替换元素代码实例

程序员文章站 2022-03-30 16:42:32
jquery 替换元素代码实例

jquery 替换元素代码实例

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script src="jquery-3.3.1.js"></script>
    <script>
        $(function () {
            $('#btn').click(function () {
                $('br').replaceWith('<hr color="yellow"/>');
                //$('<hr color="yellow"/>').replaceAll('br');
            });
            $('#btn2').click(function () {
                $('br').replaceAll('hr');
            })
        })
    </script>
</head>
<body>
    <input type="button" name="name" value="替换1" id="btn" /><br />
    <input type="button" name="name" value="替换2" id="btn2" /><br />


    静夜思<br />
    床前明月光,<br />
    疑是地上霜,<br />
    举头望明月,<br />
    低头思故乡。<br />
</body>
</html>