站内搜索:
首页 >> 前端 >> 内容
jquery 替换元素代码实例

时间:2018/3/30 14:06:42

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>

  • 上一篇:jquery获取选中的值和设置单选扭选中代码教程
  • 下一篇:ES6入门基础介绍
  • 返回顶部