60个很实用的jQuery代码开发技巧收集(4)

有时候你需要提示用户目前操作的输入框，你可以使用下面代码高亮显示标示：

$("form :input").focus(function() { $("label[for='" + this.id + "']").addClass("labelfocus"); }).blur(function() { $("label").removeClass("labelfocus"); }); 57: 动态方式添加表单元素

这个方法可以帮助你动态的添加表单中的元素，比如，input等：

//change event on password1 field to prompt new input $('#password1').change(function() { //dynamically create new input and insert after password1 $("#password1").append("<input type='text' />"); }); 58: 自动将数据导入selectbox中

下面代码能够使用ajax数据自动生成选择框的内容

$(function(){ $("select#ctlJob").change(function(){ $.getJSON("/select.php",{id: $(this).val(), ajax: 'true'}, function(j){ var options = ''; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'; } $("select#ctlPerson").html(options); }) }) }) 59: 判断一个复选框是否被选中

代码很简单，如下：

$('#checkBox').attr('checked'); 60: 使用代码来递交表单

代码很简单，如下：

$("#myform").submit();

您可能感兴趣的文章: