使用$()内放‘div'表示选择该元素,如果是放'<div>'则是创建元素标签,可以把内容写进标签内一起创建。
举例:
$ (function() {
var oDiv = $('<div>div</div>') ;
$('body') .append( oDiv );
}) ;
点击创建登录弹层
<script>
$ (function () {
$('#input1') .click(function()
{
var oLogin = $('<div id="login"><p>用户名 :<input
type="text" /></p><p>密码:<input type="text" /></p><div
id="close">X</div></div>');
//通过点击事件在HTML文档中动态创建登录框代码。
$('body') .append( oLogin );
//oLogin.css('left',($ (window) .width() - oLogin.outerWidth())/2 ) ;
//oLogin.css('tqg' ,($ (window) .height() - oLogin. outerHeight())/2 );|
//修改弹窗样式,使居中显示,也可以在HTML代码中加入CSS样式表来控制。
}) ;
}) ;
</script>
通过CSS来控制该登录图层的样式。
|