jquery开发知识总结2

js知识：
1、设置select option选中的值：
              $("#keywordCatId").val(2);  //2为option中对应的value值
2、动态添加select下的option，
               var name=cats[cat].keywordCatName;
  var value=cats[cat].keywordCatId;
  var opp = new Option(name,value);
  console.log("loadCat name:"+name+" ,id="+value);
  $("#keywordCatId").append(opp);
3、动态添加checkbox元素
checkbox = "<input type='checkbox' value='"+id+"' name='appId'/>"+name;
$("#appcheckbox").append(checkbox)
4、each 用法
  $('input[name=level]').each(function(index, value) { });

5、ajax请求
jQuery.ajax({
type : 'POST',
url : act_url + "/getRules",
data:{},
dataType : 'json',
success : function(data) {
var result = eval("(" + data + ")");
console.log("getRules="+result);
loadrule(result);
}
});
6、勾选checkbox选项
   $(this).attr("checked", true);
7、问题：
   1、jsp页面，请求的路径怎么设置的？
8、获取input标签，name= feature的所有对象
    $('input[name=feature]').each(function(index, value) {
var feat = $(this).val();
console.log("feat:"+feat+" ,");
if (feat == feature) {
$(this).attr("checked", true);
}


});
9、获取指定条件下的option，
 $("#listruleId").find("option[value='"+rule_hidden+"']").attr("selected",true);
10、页面跳转
window.location.href="?appId=" + appId;
11、刷新页面
    location.reload() 
12、遍历数组
    $.each(dataArray,function(name,value){
});
13、页面跳转
    location.href="http://www.baidu.com";
14、全部勾选和取消勾选


    $("#all").click(function(){
    if($("#all").attr("checked") == "checked"){


        $("input[name='check']").attr("checked","checked");
    }else{


        $("input[name='check']").removeAttr("checked","checked");
    }


    });
15、关于布局知识：


    一行多列 float：left
    居中：   margin：0 auto
    宽度：   width：100px
    高度：   height：100px
    /*设置元素跟其他元素的距离为20像素*/   margin:20px;
    padding  属性用于设置一个元素的边框与其内容的距离。
    padding-left:50px;
    padding-top:20px;
    padding-bottom:50px;
    Clear: 使用Float属性设置一行有多个DIV后（多列），最好在下一行开始之前使用Clear属性清楚一下浮动，否则上面的布局会影响到下面。
16、回车提交
        $("#inputkeyup").on("keyup",function(e){
   if(e.which=="13")
{
  alert("回车提交!content="+$("#inputkeyup").val());
   }
});
17、提交表单
 $("#config").live("click",function(){
var action = $(this).val();
var url = act_url;
// alert("action = " + action);
url = url + "/config";
// alert("url = " + url);
$('#editForm').ajaxForm({
       url : url,
       success: ajaxBack
       //target:        '#output1',   // target element(s) to be updated with server response
       //beforeSubmit:  showRequest,  // pre-submit callback
       //url:       url         // override for form's 'action' attribute
       //type:      type        // 'get' or 'post', override for form's 'method' attribute
       //dataType:  null        // 'xml', 'script', or 'json' (expected server response type)
       //clearForm: true        // clear all form fields after successful submit
       //resetForm: true        // reset the form after successful submit
       //timeout:   3000
   });
   function ajaxBack (responseText, statusText, xhr, $form) {
       $.modal.close();
       var result = eval("("+responseText+")");
       if (result['success'] > 0) {
           $.alert ({
               title: 'Alert'
               , text: '<p> 已经处理成功! </p>'
               , callback: function () {
                   location.reload();
               }
           });
       } else {
           $.alert ({
               title: 'Alert'
               , text: '<p> 处理失败：'+(result['message'] != null ? result['message'] : responseText)+' </p>'
           });
       }
   }
 }); 
18、默认路径，不需要添加value
    @RequestMapping(method = RequestMethod.GET)
指定路径
@RequestMapping(value = "/update", method = RequestMethod.POST)
    @ResponseBody
19、下拉框触发事件
  $("#dsad").live('change', function() {
redirect();
}