$(function(){        
    $("input[@type='text']").focus(function(){
        $(this).addClass("focus");
    }).blur(function(){
        $(this).removeClass("focus");
    });    
});

String.prototype.Trim=function()
{
    return this.replace(/(^\s*)|(\s*$)/g,"");
}
String.prototype.Ltrim=function()
{
    return this.replace(/(^\s*)/g,"");
}
String.prototype.Rtrim=function()
{
    return this.replace(/(\s*$)/g,"");
}
//EXAMPLE
var str=" hello ";
var show="head"+str.Rtrim()+"end";
alert(show);

function moveElement(){
    var box=document.getElementById("box");
    var p=document.getElementById("p");    
    box.appendChild(p);
}
function createElement(){
    var box=document.getElementById("box");
    var text=document.createElement("p");
    text.innerHTML='选项框'+
    '<select>'+
    '<option value="1">选项A</option>'+
    '<option value="1">选项B</option>'+    
    '</select>'+
    '文本框'+
    '<input type="text" />';
    box.appendChild(text);
}
function activeEvent(){
    var add=document.getElementById("add");
    add.onclick=moveElement;
    
    var create=document.getElementById("create");
    create.onclick=createElement;
}
window.onload=activeEvent;

<div id="box">
选项框
<select>
    <option value="1">选项A</option>
    <option value="1">选项B</option>
</select>
文本框
<input type="text" />
</div>
<input id="add" type="button" value="添加" />
<input id="create" type="button" value="创建法" />

<!--下面的P元素在使用前首先定义为隐藏-->
<p id="p">选项框
<select>
    <option value="1">选项A</option>
    <option value="1">选项B</option>
</select>
文本框
<input type="text" /></p>