使用jquery更改bootstrap弹出框的内容，可以使用Jquery的load方法，动态加载不同的模态框弹出框内容，然后填充到页面的弹出框div中主页面只保留弹出框最外面的那个divltdiv class=quotmodal fadequot id=quotmyModalquot ltdiv。

1首先我们在页面放置一个用来触发弹出层的链接，也可以是个按钮button，注意的是我们给它设置一个datashowlayer属性，这个属性值对应的就是弹出层的id，也就是说通过datashowlayer来关联弹出层2很显然，上面的链。

然后给这个a写上一个class=“fancybox”，就可以直接jquery调用$quotfancyboxquotfancybox来初始化这个链接初始化之后的链接再点击，就不会进行网页跳转，而是弹出一层进行加载，效果如图，还可以设置弹出动画遮罩层。

给你做 第一个，用的是css3和js实现的下面的3个都可以用js实现，如果要做的好看一点的话，可以用jquery或者其他的组件 lt！DOCTYPE htmllthtmlltheadltstyle move width100pxheight100pxbackgroundred。

可以用jDialog插件实现，jDialog是一款基于jquery实现的轻量级多种类型的自定义对话框插件在项目开发中一般会美化 alert参考如下ltcenter ltbutton id=quottest1quotalert方式调用ltbutton ltbrltbr ltbutton id=quot。

上一小节我们防住了script标签的左右尖括号，但聪明的黑客们还是想出了好办法去破解，我们知道，直接给innerHTML赋值一段js，是无法被执行的比如， $#39div#39innerHTML =#39ltSCRIPTalertquotokokquotltSCRIPT #39#39 但是，jQuery的append。