Javascript 为什么不在页面源中添加元素

我正在尝试使用prependTo（）添加元素。我的问题是，当我查看页面的源代码时，我在源代码中找不到元素。为什么会这样

这是我的

$（文档）.ready（函数（）{
$（''，{value:“newvalue”，text:“new option”}）.attr({
已禁用：“已禁用”，已选择：“已选择”}）；
});

浏览器的“显示源代码”选项只能显示页面下载时的源代码

如果在使用Javascript加载后添加元素或以其他方式更改DOM，则更改在该视图中不可见。要查看页面的当前状态（甚至更改页面），可以使用“inspect elements”选项

$( document ).ready(function() {
$('<option></option>',{value:"newvalue",text:"new option"}).attr({
disabled:"disabled", selected:"selected" }).prependTo("select");
});