用html、jq写一个动态表单，可在之上进行删除修改 *** 作

您好，编写的js代码：

<喎�"http://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHByZSBjbGFzcz0="brush:java">$(document).ready(function () { $('.view').click(function(){ //添加遮罩层 var maskHeight=$(document).height()var maskWidth=$(document).width()$('

').appendTo($('body'))$('div.mask').css({ 'opacity':0.4, 'background':'#000', 'position':'absolute', 'left':0, 'top':0, 'height':maskHeight, 'width':maskWidth, 'z-index':2 })//获取表格中的数据 var arr=[]$(this).parent().siblings().each(function(){ arr.push($(this).text())})$('.popDiv').show().children().each(function(i){ $(this).children('span').text(arr[i])}) //关闭 $('.close').click(function(){ $(this).parent().hide()$('.mask').remove()//注意这里不能用hide，因为会不断生成mask })})//删除 $('.del').click(function(){ $(this).parents('tr').remove()})})

点击关闭遮罩消失，点击删除即可删除。修改这里就不放代码了，有兴趣的可以自己动手写写。相信用js写过显示和遮罩这个功能的用Jquery就体会到了它的强大。

在写移除遮罩的时候想当然的也跟点击关闭的时候用.hide但是在火狐调试器下面观察到了每当点击一次查看然后关闭，遮罩层虽然是消失了但是DOM树下每次都会多产生一个div,所以得用移除。不是功能正常了就万事无忧了，最重要的是怎样优化使得代码的效率更高。

因为网站在访问的时候已经解析了DOM和JS，已经帮元素绑定了事件，用AJAX加进来的当然没绑定事件，你可以用事件绑定，

$(document).on("click","div",function(){})

1、通过编辑器写上html页面代码，一个下拉选择框，，一个按钮，引入jq文件。

2、查看HTML显示效果，一个下拉选择框，一个按钮。

3、通过jq代码$("select option:selected")获取选中的值，现在通过点击按钮获取选中的值。

4、查看选取的值对不对。

5、编写html界面，（多个select下拉框，一个按钮，获取属性值的jq代码）。

6、查看结果多个结果是否正确。

---